    <turbo-stream action="remove" target="ranking-row-18-0"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-1"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-2"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-3"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-4"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-5"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-6"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-7"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-8"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-9"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-10"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-11"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-12"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-13"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-14"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-15"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-16"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-17"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-18"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-19"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-20"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-21"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-22"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-23"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-24"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-25"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-26"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-27"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-28"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-29"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-30"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-31"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-32"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-33"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-34"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-35"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-36"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-37"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-38"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-39"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-40"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-41"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-42"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-43"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-44"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-45"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-46"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-47"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-48"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-18-49"></turbo-stream>
    
<turbo-stream action="append" target="ranking-rows">
    <template>
                    
<li
    id="ranking-row-21-0"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ELR%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <span class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#007CC3]" title="Garmin"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M22.017 22.67H1.984c-.77 0-1.388-.383-1.694-1.002-.387-.61-.387-1.39 0-2.002L10.304 2.33c.385-.615 1.002-1 1.695-1 .77 0 1.386.385 1.69 1l10.02 17.336c.387.617.387 1.39 0 2.002-.31.695-.927 1.002-1.693 1.002z"/></svg></span>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13113" data-turbo-frame="_top"  class="hover:underline">Luca Regli</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="2 von 11 Etappen" aria-label="2 von 11 Etappen">
    2<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-1"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ECS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/39862862/14827930/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/39862862" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13380" data-turbo-frame="_top"  class="hover:underline">Christian Senn</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="2 von 11 Etappen" aria-label="2 von 11 Etappen">
    2<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-2"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EVF%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/31112539" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/17878" data-turbo-frame="_top"  class="hover:underline">Valerio Frezza</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="2 von 11 Etappen" aria-label="2 von 11 Etappen">
    2<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-3"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EBS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/32331192/11176335/5/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/32331192" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/14044" data-turbo-frame="_top"  class="hover:underline">Bertrand Straub</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-4"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EOM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/13022/1319060/10/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/13022" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13378" data-turbo-frame="_top"  class="hover:underline">Oleksiy Mishchenko 🇺🇦🇨🇭</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-5"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ECV%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/39067970/24774842/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/39067970" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13357" data-turbo-frame="_top"  class="hover:underline">Carl Von Holly-Ponientzietz</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-6"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EFS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/15897196/4446932/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/15897196" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/18457" data-turbo-frame="_top"  class="hover:underline">Flo Swe</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-7"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ENB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/83023962/19921954/12/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/83023962" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12738" data-turbo-frame="_top"  class="hover:underline">Nicolas B.</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-8"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ECP%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/27036299/28782495/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/27036299" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12924" data-turbo-frame="_top"  class="hover:underline">Christian P</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-9"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/4818985/9640410/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/4818985" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12718" data-turbo-frame="_top"  class="hover:underline">Dovile Baskakovaite</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-10"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EFW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/112128276/26363018/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/112128276" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13396" data-turbo-frame="_top"  class="hover:underline">Fabian Wäger</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-11"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/123903094/39332756/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/123903094" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/18138" data-turbo-frame="_top"  class="hover:underline">D M</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-12"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EJC%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/123007593/30400582/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/123007593" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13384" data-turbo-frame="_top"  class="hover:underline">Joris Chomarat</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-13"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EAB%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <span class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#007CC3]" title="Garmin"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M22.017 22.67H1.984c-.77 0-1.388-.383-1.694-1.002-.387-.61-.387-1.39 0-2.002L10.304 2.33c.385-.615 1.002-1 1.695-1 .77 0 1.386.385 1.69 1l10.02 17.336c.387.617.387 1.39 0 2.002-.31.695-.927 1.002-1.693 1.002z"/></svg></span>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12898" data-turbo-frame="_top"  class="hover:underline">Andrei Braga</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-14"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ECB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/83491336/26524885/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/83491336" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/14075" data-turbo-frame="_top"  class="hover:underline">Christian Bachmann</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-15"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EGC%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/117694101/27455684/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/117694101" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/16556" data-turbo-frame="_top"  class="hover:underline">Gareth Coe</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-16"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDI%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/2606882/935514/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/2606882" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/14322" data-turbo-frame="_top"  class="hover:underline">Daniel Indermaur</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-17"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ELD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/14693187/4156075/15/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/14693187" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12985" data-turbo-frame="_top"  class="hover:underline">Leandro D.</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-18"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EJB%3C/text%3E%3C/svg%3E"
    data-src="https://d3nn82uaxijpm6.cloudfront.net/assets/avatar/athlete/large-800a7033cc92b2a5548399e26b1ef42414dd1a9cb13b99454222d38d58fd28ef.png"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/116821990" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12692" data-turbo-frame="_top"  class="hover:underline">Janina Brockerhoff</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-19"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ECJ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/42151644/23521946/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/42151644" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13882" data-turbo-frame="_top"  class="hover:underline">Christian Jäger</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-20"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDA%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/189340/34088/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/189340" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12921" data-turbo-frame="_top"  class="hover:underline">Dominik Allemann</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-21"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ECM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/4361701/1407941/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/4361701" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12999" data-turbo-frame="_top"  class="hover:underline">Christoph Mueller</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-22"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDZ%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/10223466070431196/picture?height=256&amp;width=256"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/90883261" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/17824" data-turbo-frame="_top"  class="hover:underline">Daniel Zhang</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-23"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ECZ%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <span class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#007CC3]" title="Garmin"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M22.017 22.67H1.984c-.77 0-1.388-.383-1.694-1.002-.387-.61-.387-1.39 0-2.002L10.304 2.33c.385-.615 1.002-1 1.695-1 .77 0 1.386.385 1.69 1l10.02 17.336c.387.617.387 1.39 0 2.002-.31.695-.927 1.002-1.693 1.002z"/></svg></span>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/18366" data-turbo-frame="_top"  class="hover:underline">Charles Zingraff</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-24"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDJ%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/144332598" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/18694" data-turbo-frame="_top"  class="hover:underline">Desi Janoud</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-25"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EZB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/47567212/27727730/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/47567212" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12500" data-turbo-frame="_top"  class="hover:underline">Zoli B 🍀</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-26"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EBI%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <span class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#007CC3]" title="Garmin"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M22.017 22.67H1.984c-.77 0-1.388-.383-1.694-1.002-.387-.61-.387-1.39 0-2.002L10.304 2.33c.385-.615 1.002-1 1.695-1 .77 0 1.386.385 1.69 1l10.02 17.336c.387.617.387 1.39 0 2.002-.31.695-.927 1.002-1.693 1.002z"/></svg></span>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/17892" data-turbo-frame="_top"  class="hover:underline">Borko Ilic</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-27"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EKS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/1380015/8993502/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/1380015" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12823" data-turbo-frame="_top"  class="hover:underline">Krzysiek Sobol</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-28"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EIJ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/22125346/6297938/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/22125346" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13100" data-turbo-frame="_top"  class="hover:underline">Inna Jörg</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-29"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/1105602/6264982/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/1105602" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12992" data-turbo-frame="_top"  class="hover:underline">Daniel Schefer  bikeschool.ch 🇨🇭</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-30"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/117749627/27737417/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/117749627" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13069" data-turbo-frame="_top"  class="hover:underline">Dominic Messerli</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-31"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EBS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/71910088/22421545/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <span class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#007CC3]" title="Garmin"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M22.017 22.67H1.984c-.77 0-1.388-.383-1.694-1.002-.387-.61-.387-1.39 0-2.002L10.304 2.33c.385-.615 1.002-1 1.695-1 .77 0 1.386.385 1.69 1l10.02 17.336c.387.617.387 1.39 0 2.002-.31.695-.927 1.002-1.693 1.002z"/></svg></span>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13832" data-turbo-frame="_top"  class="hover:underline">Bernard Stähli</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-32"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EFP%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/328236/74808/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/328236" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12865" data-turbo-frame="_top"  class="hover:underline">Felix Pruemmer</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-33"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EMD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/44977537/12567672/13/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/44977537" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13872" data-turbo-frame="_top"  class="hover:underline">Maxime Dénériaz</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-34"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EAR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/62621162/26257041/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/62621162" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13721" data-turbo-frame="_top"  class="hover:underline">Anna Rohr</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-35"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDC%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/71620560/27181581/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/71620560" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12685" data-turbo-frame="_top"  class="hover:underline">Daniel Costa</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-36"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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/31426297/12224108/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/31426297" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/19116" data-turbo-frame="_top"  class="hover:underline">Jamie Whooley</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-37"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ECZ%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <span class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#007CC3]" title="Garmin"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M22.017 22.67H1.984c-.77 0-1.388-.383-1.694-1.002-.387-.61-.387-1.39 0-2.002L10.304 2.33c.385-.615 1.002-1 1.695-1 .77 0 1.386.385 1.69 1l10.02 17.336c.387.617.387 1.39 0 2.002-.31.695-.927 1.002-1.693 1.002z"/></svg></span>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13310" data-turbo-frame="_top"  class="hover:underline">Christof Zumsteg</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-38"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EBS%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <span class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#007CC3]" title="Garmin"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M22.017 22.67H1.984c-.77 0-1.388-.383-1.694-1.002-.387-.61-.387-1.39 0-2.002L10.304 2.33c.385-.615 1.002-1 1.695-1 .77 0 1.386.385 1.69 1l10.02 17.336c.387.617.387 1.39 0 2.002-.31.695-.927 1.002-1.693 1.002z"/></svg></span>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/18223" data-turbo-frame="_top"  class="hover:underline">Benjamin Sera</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-39"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EAN%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/39448705/25505490/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/39448705" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12570" data-turbo-frame="_top"  class="hover:underline">Andreas Niggl</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-40"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EAZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/12796448/13091545/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/12796448" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13112" data-turbo-frame="_top"  class="hover:underline">albert zweifel</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-41"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EAT%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <span class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#007CC3]" title="Garmin"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M22.017 22.67H1.984c-.77 0-1.388-.383-1.694-1.002-.387-.61-.387-1.39 0-2.002L10.304 2.33c.385-.615 1.002-1 1.695-1 .77 0 1.386.385 1.69 1l10.02 17.336c.387.617.387 1.39 0 2.002-.31.695-.927 1.002-1.693 1.002z"/></svg></span>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/18158" data-turbo-frame="_top"  class="hover:underline">Anton Tomaselli</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-42"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EPB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/5289901/2995710/5/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/5289901" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/15894" data-turbo-frame="_top"  class="hover:underline">Patric Brugger</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-43"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EBC%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/11376193/3541040/9/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/11376193" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/18740" data-turbo-frame="_top"  class="hover:underline">Beatrice Cesar-Fürst</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-44"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EDS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/19443926/6929040/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/19443926" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13987" data-turbo-frame="_top"  class="hover:underline">David Sachs</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-45"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ETM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/22589256/6445813/10/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/22589256" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13246" data-turbo-frame="_top"  class="hover:underline">Thomas Metzler</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-46"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3ECL%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/14363665/11913987/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/14363665" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/18858" data-turbo-frame="_top"  class="hover:underline">Christian Lenz</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-47"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EJW%3C/text%3E%3C/svg%3E"
    data-src="https://d3nn82uaxijpm6.cloudfront.net/assets/avatar/athlete/large-800a7033cc92b2a5548399e26b1ef42414dd1a9cb13b99454222d38d58fd28ef.png"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/20512609" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/12847" data-turbo-frame="_top"  class="hover:underline">Jan Wiki</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-48"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EBF%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/40533385/28597601/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/40533385" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/13739" data-turbo-frame="_top"  class="hover:underline">Boris Fischer</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
                    
<li
    id="ranking-row-21-49"
    class="
    flex
    min-w-0
    items-center
    gap-x-2
    sm:gap-x-3
    py-2.5
    sm:py-3
    transition-colors
    hover:bg-gray-50/80
    dark:hover:bg-slate-800/50
        ">
    <span class="flex-none self-center shrink-0">
        <span class="relative inline-flex flex-none shrink-0 overflow-visible">
    <img
    class="size-8 sm:size-9 flex-none shrink-0 rounded-full object-cover 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;%3EPS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/40244407/15393897/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/40244407" target="_blank" rel="noopener" class="absolute -bottom-0.5 -right-0.5 block rounded-full bg-gradient-to-br from-white/80 to-white/60 dark:from-slate-900/80 dark:to-slate-900/60 p-0.5 shadow-sm text-[#FC4C02] hover:text-[#e34402]" title="Strava"><svg class="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.599h4.172L10.463 0l-7 13.828h4.169"/></svg></a>
    </span>
    </span>

    <div class="min-w-0 flex-1">
        <p class="truncate text-sm font-medium text-gray-900 dark:text-slate-100">
            <a href="/tour/velocup-2024/athletes/15469" data-turbo-frame="_top"  class="hover:underline">Peter Schäuffele</a>
                                </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-2 sm:gap-3">
                <div class="flex shrink-0 items-center isolate -space-x-3 sm:-space-x-2">
                        <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M61.9%20415.4c-.2-5.1-.4-10.2-.4-15.4C61.5%20213.4%20213.4%2061.5%20400%2061.5S738.5%20213.4%20738.5%20400c0%205.2-.2%2010.3-.4%2015.4h61.5c.2-5.1.4-10.2.4-15.4C800%20179.1%20620.9%200%20400%200S0%20179.1%200%20400c0%205.2.2%2010.3.4%2015.4h61.5Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M123.8%20415.4c-.3-5.1-.8-10.2-.8-15.4%200-152.7%20124.2-276.9%20276.9-276.9s277%20124.2%20277%20276.9c0%205.2-.5%2010.3-.8%2015.4H738c.2-5.1.4-10.2.4-15.4%200-186.6-151.8-338.5-338.5-338.5S61.5%20213.4%2061.5%20400c0%205.2.2%2010.3.4%2015.4h61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M185.4%20415.4c-.4-5.1-.8-10.2-.8-15.4%200-118.8%2096.6-215.4%20215.4-215.4%20118.8%200%20215.4%2096.6%20215.4%20215.4%200%205.2-.4%2010.3-.8%2015.4h61.5c.3-5.1.8-10.2.8-15.4%200-152.7-124.2-276.9-276.9-276.9S123.1%20247.3%20123.1%20400c0%205.2.5%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M246.9%20415.4c-.5-5.1-.8-10.2-.8-15.4%200-84.8%2069-153.8%20153.8-153.8%2084.8%200%20153.8%2069%20153.8%20153.8%200%205.2-.3%2010.3-.8%2015.4h61.5c.4-5.1.8-10.2.8-15.4%200-118.8-96.6-215.4-215.4-215.4-118.8%200-215.2%2096.6-215.2%20215.4%200%205.2.4%2010.3.8%2015.4h61.5Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M309.1%20415.4c-.9-5-1.4-10.1-1.4-15.4%200-50.9%2041.4-92.3%2092.3-92.3s92.3%2041.4%2092.3%2092.3c0%205.3-.5%2010.4-1.4%2015.4H553c.5-5.1.8-10.2.8-15.4%200-84.8-69-153.8-153.8-153.8-84.8%200-153.8%2069-153.8%20153.8%200%205.2.3%2010.3.8%2015.4h62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3Cg%20opacity%3D%22.33%22%3E%3Cpath%20d%3D%22M738%20384.6c.2%205.1.4%2010.2.4%2015.4%200%20186.6-151.8%20338.5-338.5%20338.5S61.5%20586.6%2061.5%20400c0-5.2.2-10.3.4-15.4H.3C.2%20389.7%200%20394.8%200%20400c0%20220.9%20179.1%20400%20400%20400s400-179.1%20400-400c0-5.2-.2-10.3-.4-15.4H738Z%22%20fill%3D%22%23E64C3C%22%2F%3E%3Cpath%20d%3D%22M676.1%20384.6c.3%205.1.8%2010.2.8%2015.4%200%20152.7-124.2%20276.9-276.9%20276.9S123.1%20552.7%20123.1%20400c0-5.2.5-10.3.8-15.4h-62c-.2%205.1-.4%2010.2-.4%2015.4%200%20186.6%20151.8%20338.5%20338.5%20338.5S738.4%20586.6%20738.4%20400c0-5.2-.2-10.3-.4-15.4h-61.9Z%22%20fill%3D%22%23F0C419%22%2F%3E%3Cpath%20d%3D%22M614.6%20384.6c.4%205.1.8%2010.2.8%2015.4%200%20118.8-96.6%20215.4-215.4%20215.4-118.8%200-215.4-96.6-215.4-215.4%200-5.2.4-10.3.8-15.4h-61.5c-.3%205.1-.8%2010.2-.8%2015.4%200%20152.7%20124.2%20276.9%20276.9%20276.9S676.9%20552.7%20676.9%20400c0-5.2-.5-10.3-.8-15.4h-61.5Z%22%20fill%3D%22%2371C285%22%2F%3E%3Cpath%20d%3D%22M553%20384.6c.5%205.1.8%2010.2.8%2015.4%200%2084.8-69%20153.8-153.8%20153.8-84.8%200-153.8-69-153.8-153.8%200-5.2.3-10.3.8-15.4h-61.5c-.4%205.1-.8%2010.2-.8%2015.4%200%20118.8%2096.6%20215.4%20215.4%20215.4%20118.8%200%20215.3-96.6%20215.3-215.4%200-5.2-.4-10.3-.8-15.4H553Z%22%20fill%3D%22%230096E6%22%2F%3E%3Cpath%20d%3D%22M490.9%20384.6c.9%205%201.4%2010.1%201.4%2015.4%200%2050.9-41.4%2092.3-92.3%2092.3s-92.3-41.4-92.3-92.3c0-5.3.5-10.4%201.4-15.4H247c-.5%205.1-.8%2010.2-.8%2015.4%200%2084.8%2069%20153.8%20153.8%20153.8%2084.8%200%20153.8-69%20153.8-153.8%200-5.2-.3-10.3-.8-15.4h-62.1Z%22%20fill%3D%22%23546A79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h800v800H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'>
    </div>
<div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    [&>*]:w-full
    [&>*]:h-full
    items-center
    justify-center
    rounded-full
    ring-2
    tooltip
            bg-gray-100
        ring-gray-200
        dark:bg-slate-800
        dark:ring-slate-600
        [&>*]:opacity-10
        " data-tooltip="Pokal" aria-label="Pokal">
        <img class="w-full h-full" src='data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22svg2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20600%20600%22%20style%3D%22enable-background%3Anew%200%200%20600%20600%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st1%7Bopacity%3A.2%7D.st2%7Bfill%3A%23231f20%7D.st3%7Bfill%3A%23d8b400%7D.st4%7Bfill%3Agold%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1%22%3E%3Cg%20id%3D%22g7%22%3E%3Ccircle%20id%3D%22circle9%22%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22300%22%20style%3D%22fill%3A%230076cb%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g11%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path13%22%20class%3D%22st2%22%20d%3D%22M450%20487.5c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g15%22%3E%3Cpath%20id%3D%22path17%22%20class%3D%22st3%22%20d%3D%22M337.5%20421.9c0%2015.9-12.2%2028.1-28.1%2028.1h-18.8c-15.9%200-28.1-12.2-28.1-28.1v-93.8c0-15.9%2012.2-28.1%2028.1-28.1h18.8c15.9%200%2028.1%2012.2%2028.1%2028.1v93.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g19%22%20class%3D%22st1%22%3E%3Cg%20id%3D%22g21%22%3E%3Cpath%20id%3D%22path23%22%20class%3D%22st2%22%20d%3D%22M384.4%20318.8c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8s-8.4%2018.8-18.8%2018.8c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22g25%22%3E%3Cpath%20id%3D%22path27%22%20class%3D%22st3%22%20d%3D%22M384.4%20300c-10.3%200-18.8-8.4-18.8-18.8s8.4-18.8%2018.8-18.8c30%200%2065.6-51.6%2065.6-83.4%200-25.3%200-29.1-37.5-29.1h-225c-37.5%200-37.5%202.8-37.5%2029.1%200%2031.9%2035.6%2083.4%2065.6%2083.4%2010.3%200%2018.8%208.4%2018.8%2018.8S226%20300%20215.6%20300c-52.5%200-103.1-69.4-103.1-120.9%200-60.9%2035.6-66.6%2075-66.6h225c39.4%200%2075%204.7%2075%2066.6%200%2051.5-50.6%20120.9-103.1%20120.9z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g29%22%3E%3Cpath%20id%3D%22path31%22%20class%3D%22st4%22%20d%3D%22M168.8%20112.5c5.6%20186.6%2078.8%20225%20131.2%20225s124.7-38.4%20131.2-225H168.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g33%22%3E%3Cpath%20id%3D%22path35%22%20class%3D%22st4%22%20d%3D%22M409.7%20471.6c-11.2-33.8-56.2-59.1-109.7-59.1s-98.4%2025.3-109.7%2059.1h219.4z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g37%22%3E%3Cpath%20id%3D%22path39%22%20d%3D%22M450%20468.8c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.4%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g41%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path43%22%20class%3D%22st2%22%20d%3D%22M356.2%20393.8c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.4%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g45%22%3E%3Cpath%20id%3D%22path47%22%20class%3D%22st4%22%20d%3D%22M356.2%20375c0%2010.3-8.4%2018.8-18.8%2018.8h-75c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h75c10.4%200%2018.8%208.5%2018.8%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g49%22%20class%3D%22st1%22%3E%3Cpath%20id%3D%22path51%22%20class%3D%22st2%22%20d%3D%22M450%20150c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3%200%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22g53%22%3E%3Cpath%20id%3D%22path55%22%20class%3D%22st4%22%20d%3D%22M450%20131.2c0%2010.3-8.4%2018.8-18.8%2018.8H168.8c-10.3%200-18.8-8.4-18.8-18.8%200-10.3%208.4-18.8%2018.8-18.8h262.5c10.3.1%2018.7%208.5%2018.7%2018.8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'>
    </div>
                                    <div class="
                relative
                shrink-0
                origin-right
                transform
                transition-transform
                sm:hover:scale-150
                hover:z-20
                sm:hidden">
                <div class="
    flex
    h-8
    shrink-0
    items-center
    justify-center
    rounded-full
    px-2.5
    ring-2
    tooltip
    text-xs
    sm:text-sm
    font-display
    font-semibold
    tabular-nums
    leading-none
    whitespace-nowrap
            bg-gray-100
        text-gray-500
        ring-gray-200
        dark:bg-slate-800
        dark:text-slate-400
        dark:ring-slate-600
        " data-tooltip="1 von 11 Etappen" aria-label="1 von 11 Etappen">
    1<span class="mx-0.5 opacity-60">/</span>11
</div>
            </div>
                    </div>
                        <div class="hidden sm:block shrink-0">
            <div class="flex shrink-0 items-center isolate -space-x-2 sm:-space-x-2 md:-space-x-2">
                        <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="1. Hettlingen über Feld und Wald" aria-label="1. Hettlingen über Feld und Wald">
        1
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gold-400
            bg-gold-100
            text-gray-900
            dark:ring-yellow-300
            dark:bg-yellow-500
            dark:text-yellow-950
        " data-tooltip="2. Irchel KOM" aria-label="2. Irchel KOM">
        2
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="3. Kyburg Stutz" aria-label="3. Kyburg Stutz">
        3
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="4. Pfäffikersee" aria-label="4. Pfäffikersee">
        4
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="5. Mauer von Aathal" aria-label="5. Mauer von Aathal">
        5
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="6. Maur - Binz KOM" aria-label="6. Maur - Binz KOM">
        6
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="7. Gulden Rollercoaster" aria-label="7. Gulden Rollercoaster">
        7
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="8. Gegen die Uhr" aria-label="8. Gegen die Uhr">
        8
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="9. Hoch über dem See" aria-label="9. Hoch über dem See">
        9
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="10. WitiKOM" aria-label="10. WitiKOM">
        10
    </div>
                            <div class="
        transform
        transition-transform
        sm:hover:scale-150
        origin-right
        flex
        flex-none
        h-7
        w-7
        sm:h-8
        sm:w-8
        md:h-9
        md:w-9
        items-center
        justify-center
        rounded-full
        ring-1
        ring-inset
        sm:ring-2
        text-xs
        sm:text-sm
        md:text-base
        font-display
        font-semibold
        leading-none
        tooltip
        hover:z-20
                    ring-gray-200
            bg-gray-100
            text-gray-400
            dark:ring-slate-600
            dark:bg-slate-800
            dark:text-slate-400
        " data-tooltip="11. Brütten - hin und weg" aria-label="11. Brütten - hin und weg">
        11
    </div>
        </div>
        </div>
            </div>
    </li>
            </template>
</turbo-stream>

<turbo-stream action="replace" target="ranking-load-more">
    <template>
        <div id="ranking-load-more">
        <div class="mt-6 flex justify-center">
        <a
            href="/tour/velocup-2024/finisher?page=22"
            data-turbo-stream
            data-turbo-prefetch="false"
            class="btn btn-secondary w-full"
        >
            Mehr laden
        </a>
    </div>
    </div>
    </template>
</turbo-stream>
