
<turbo-stream action="append" target="ranking-rows">
    <template>
                    
<li
    id="ranking-row-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EYB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/55531495/30868658/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/55531495" 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/13876" data-turbo-frame="_top"  class="hover:underline">Yves Bieri</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EJK%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/7172883/3336751/5/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/7172883" 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/17349" data-turbo-frame="_top"  class="hover:underline">Jack Kendall</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ESP%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/17191914/12267928/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/17191914" 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/17255" data-turbo-frame="_top"  class="hover:underline">Silvia pink Lady pinkbreak.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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EIT%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/105646682/28136819/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/105646682" 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/13763" data-turbo-frame="_top"  class="hover:underline">Ines T</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EJL%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/30325723/12518108/5/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/30325723" 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/13759" data-turbo-frame="_top"  class="hover:underline">Jeremie Lehner</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAL%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocJIi6oCQOzMM-fpQt1rHmwGQnAXfYGywbP1jGT6zuPc=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/76714260" 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/12679" data-turbo-frame="_top"  class="hover:underline">Alessandro Lanfranchi</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAF%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/23189575/11261331/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/23189575" 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/14071" data-turbo-frame="_top"  class="hover:underline">Andreas Froehlich</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETV%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/53555813/14876006/14/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/53555813" 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/13883" data-turbo-frame="_top"  class="hover:underline">Tim van Meurs</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EMZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/39504292/22585932/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/39504292" 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/13350" data-turbo-frame="_top"  class="hover:underline">Manfred Zimmermann</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ELM%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/13360" data-turbo-frame="_top"  class="hover:underline">Louis Martin</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EST%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/55782367/14519508/8/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/55782367" 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/12632" data-turbo-frame="_top"  class="hover:underline">Silvan Thürig</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAI%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/21610835/6161753/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/21610835" 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/12604" data-turbo-frame="_top"  class="hover:underline">Adrian Isele</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EMW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/32973585/9817108/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/32973585" 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/18988" data-turbo-frame="_top"  class="hover:underline">Mara Widmer</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAC%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/7299504/33276854/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/13826" data-turbo-frame="_top"  class="hover:underline">Andrea Cavelti</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EYB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/21958489/22006871/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/21958489" 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/18365" data-turbo-frame="_top"  class="hover:underline">Yannick Bättig</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EDD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/16896106/6667200/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/16896106" 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/18454" data-turbo-frame="_top"  class="hover:underline">Daniel Dieseltrieb</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAL%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/12937" data-turbo-frame="_top"  class="hover:underline">Adriano Lampart</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EMH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/21605718/23319836/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/21605718" 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/18030" data-turbo-frame="_top"  class="hover:underline">Maurus Hiller</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EYG%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/6398651/4736870/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/6398651" 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/12573" data-turbo-frame="_top"  class="hover:underline">Yvonne Gebhardt</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETI%3C/text%3E%3C/svg%3E"
    data-src="https://lh5.googleusercontent.com/-c1pf_DeB7E0/AAAAAAAAAAI/AAAAAAAAAAA/AMZuucnKeA9ECr2FYzNOph9YlelM6We_3g/s96-c/photo.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/10355539" 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/18164" data-turbo-frame="_top"  class="hover:underline">Tobias Ippisch</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAM%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/137206475" 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/14025" data-turbo-frame="_top"  class="hover:underline">Anna Meyer</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EME%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/103798089/24777434/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/103798089" 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/12390" data-turbo-frame="_top"  class="hover:underline">Max Eichenberger</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/21317590/29557091/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/21317590" 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/13021" data-turbo-frame="_top"  class="hover:underline">Andrea Müller</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EPH%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/112449004" 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/19212" data-turbo-frame="_top"  class="hover:underline">Philipp Heise</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EWH%3C/text%3E%3C/svg%3E"
    data-src="https://lh5.googleusercontent.com/-tTb3sygTygk/AAAAAAAAAAI/AAAAAAAAAAA/ACHi3rc49BrAVwbEno1LsZiFMF6iJpkq3Q/photo.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/30739492" 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/12737" data-turbo-frame="_top"  class="hover:underline">Wolfgang Hohl</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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://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/133804419" 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/13264" data-turbo-frame="_top"  class="hover:underline">Dominik Zürcher</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ERZ%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/31161492/12408412/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/31161492" 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/12581" data-turbo-frame="_top"  class="hover:underline">Roger 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/22265640/13661258/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/22265640" 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/17021" data-turbo-frame="_top"  class="hover:underline">Tobias Russi</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAF%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/14281259/4442828/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/14281259" 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/13861" data-turbo-frame="_top"  class="hover:underline">Andrea Franco</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EWN%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/8486169/25320666/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/8486169" 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/13002" data-turbo-frame="_top"  class="hover:underline">Walter Nick</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAT%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/5747780/7424339/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/5747780" 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/12840" data-turbo-frame="_top"  class="hover:underline">Andreas Tinner</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EBS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/11813318/4942249/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/11813318" 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/12907" data-turbo-frame="_top"  class="hover:underline">Ben Soja</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETK%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/24124053/6927653/8/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/24124053" 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/14074" data-turbo-frame="_top"  class="hover:underline">Tobias Klauser</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EYA%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/4909124" 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/13864" data-turbo-frame="_top"  class="hover:underline">Yves Aschwanden</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAG%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/31760979/16831589/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/31760979" 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/13551" data-turbo-frame="_top"  class="hover:underline">Adrian Genoud</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/35865703/10574598/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/35865703" 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/19287" data-turbo-frame="_top"  class="hover:underline">Alexandra Schnyder</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EBA%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/24558459/7303520/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/24558459" 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/13473" data-turbo-frame="_top"  class="hover:underline">Bryan Adey</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/25448050/9433342/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/25448050" 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/13888" data-turbo-frame="_top"  class="hover:underline">Tim Bühler</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ERB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/8023794/23237393/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/12526" data-turbo-frame="_top"  class="hover:underline">Rbk Balint</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETA%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocLzcj_1yDKAEndQytfDzgu7PYZA817LOibhaU1Z4tFL6bLJ=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/134595853" 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/13234" data-turbo-frame="_top"  class="hover:underline">T A</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EAA%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/119605858" 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/19213" data-turbo-frame="_top"  class="hover:underline">Adrian Albrecht</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EMA%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/15914" data-turbo-frame="_top"  class="hover:underline">Martin Auer</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/7344488/26505660/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/7344488" 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/19216" data-turbo-frame="_top"  class="hover:underline">Tobias Williams</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETK%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/70005941/21545825/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/70005941" 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/12651" data-turbo-frame="_top"  class="hover:underline">Timo K</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/40566947/14509852/5/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/40566947" 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/13808" data-turbo-frame="_top"  class="hover:underline">Tobias Riegger</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EOA%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/43898309/23768818/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/43898309" 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/13317" data-turbo-frame="_top"  class="hover:underline">Oliver A</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EMM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/4980346/4251398/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/4980346" 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/15193" data-turbo-frame="_top"  class="hover:underline">mat mat</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ETM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/30768624/33673397/2/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/13084" data-turbo-frame="_top"  class="hover:underline">Tobias 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3ESB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/1904364/2997467/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/1904364" 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/13918" data-turbo-frame="_top"  class="hover:underline">Shady Boom</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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-3-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
        bg-gradient-to-r from-gold/10 to-transparent">
    <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;%3EYR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/107105762/36774457/4/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/107105762" 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/12876" data-turbo-frame="_top"  class="hover:underline">Yanick Riederer</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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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
            text-gray-900
        drop-shadow-md
        bg-white
        dark:bg-slate-900
        ring-gold-400
        " 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-gold-100
        text-gray-900
        ring-gold-400
        dark:bg-yellow-500
        dark:text-yellow-950
        dark:ring-yellow-300
        " data-tooltip="11 von 11 Etappen" aria-label="11 von 11 Etappen">
    11<span class="mx-0.5">/</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-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-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-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-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-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-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-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-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-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>
            </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=4"
            data-turbo-stream
            data-turbo-prefetch="false"
            class="btn btn-secondary w-full"
        >
            Mehr laden
        </a>
    </div>
    </div>
    </template>
</turbo-stream>
