    <turbo-stream action="remove" target="ranking-row-4-0"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-1"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-2"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-3"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-4"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-5"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-6"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-7"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-8"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-9"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-10"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-11"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-12"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-13"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-14"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-15"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-16"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-17"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-18"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-19"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-20"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-21"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-22"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-23"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-24"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-25"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-26"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-27"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-28"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-29"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-30"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-31"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-32"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-33"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-34"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-35"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-36"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-37"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-38"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-39"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-40"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-41"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-42"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-43"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-44"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-45"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-46"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-47"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-48"></turbo-stream>
    <turbo-stream action="remove" target="ranking-row-4-49"></turbo-stream>
    
<turbo-stream action="append" target="ranking-rows">
    <template>
                    
<li
    id="ranking-row-7-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 aspect-square 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;%3ERK%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/74931487/22939647/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/74931487" 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">
            Remo Koller
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EAE%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/10155093458225469/picture?height=256&amp;width=256"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/22133855" 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">
            Arnór Elvarsson
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ETM%3C/text%3E%3C/svg%3E"
    data-src="https://lh5.googleusercontent.com/-FHClRnZFyfA/AAAAAAAAAAI/AAAAAAAAAAA/AAnnY7pVrasC10pi0HzlRgXEGW1L5CJo6A/mo/photo.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/33765115" 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">
            Thomas Mächler
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ESH%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/122012063" 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">
            Simon Hässig
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EAD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/8085923/2476008/27/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/8085923" 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">
            Adrian Denzler
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ELD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/104765056/26758016/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/104765056" 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">
            Lukas Drees
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EAV%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/105146430/27226426/8/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/105146430" 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">
            Alessandro Verzasconi 🌄
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EAR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/13613047/29238571/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/13613047" 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">
            Axel R
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EHE%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/106151521/25181219/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/106151521" 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">
            Hans Eberli
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EDM%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocKskwXNwzFLuD4yQQpZAgdQzYb27Qry6KSXgdO-dbk=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/19023415" 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">
            David Martinez
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ECB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/65173763/16302777/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/65173763" 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">
            Christine Bertschi
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EVR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/101051674/27691090/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/101051674" 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">
            Viola R
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ECP%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/121481884/28547233/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/121481884" 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">
            Carsten Posovszky
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EJM%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/10153373825126782/picture?height=256&amp;width=256"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/4571682" 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">
            Jonathan Müller
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EHS%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocLRXllTiNz4q87p2NMucUQPuIXPWycRxdrP-Y36yi6jkz9hei7W=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/92336182" 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">
            Hugo Selle
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EHS%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocIoUuVIC9XTtNrTH0YvjJWD_icI0mF35LQihV_XJ_MP4nhWuA=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/64177516" 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">
            Hauke Stein
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EDG%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/90808234" 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">
            Daniel Gmür
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EJR%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/90913140" 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">
            Jürg Robustelli
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EEL%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/41082396/11939298/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/41082396" 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">
            Evgeny Leksikov
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EFS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/65739288/22438011/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/65739288" 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">
            Fabio Schwarzenbach
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EEW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/14793251/4423022/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/14793251" 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">
            Eric Waluja
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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">
            Daniel Dieseltrieb
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EFO%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/120302158" 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">
            Fabian Oser
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EFP%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/106266480/28664731/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/106266480" 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">
            finn posovszky
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ERR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/16438727/7092627/8/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/16438727" 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">
            Racing Ralph
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ESW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/100178874/23752960/9/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/100178874" 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">
            SidKat Wiseman
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EPD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/4776320/1522209/8/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/4776320" 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">
            Petra Demmer
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EIH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/24083908/30414729/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/24083908" 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">
            Isa Hadorn
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EBD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/62772095/15870690/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/62772095" 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">
            Bence Demkó
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EBK%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/91173926/23945051/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/91173926" 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">
            Bruno Kessler
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ENB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/58665784/27553572/7/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/58665784" 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">
            Nicolas Brogle
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EJM%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/10108049/6179601/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/10108049" 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">
            Jürg Megert
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ESH%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/AAcHTteulqt3ZHyTxQ5hsiuQ4AJEy5MVFaaSHaPx47JHqhDZ=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/123246599" 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">
            Stephan Hirt
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EAS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/4200166/9572404/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/4200166" 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">
            Andrey Shalit
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EBB%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/13180573/32333238/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/13180573" 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">
            Beat Brunner
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EVW%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/68469972/29678790/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/68469972" 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">
            Vinzenz Wolf
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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">
            Maurus Hiller
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ESV%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/10225303626804263/picture?height=256&amp;width=256"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/61232197" 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">
            Sergi Vazquez
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EMR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/59199581/27707039/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/59199581" 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">
            Morgan Roberts
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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">
            Yvonne Gebhardt
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EMH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/118197108/27353005/1/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/118197108" 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">
            Martina Hardmeier
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ERH%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/87232141/21228541/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/87232141" 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">
            Roger Hess
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EMS%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/44888771/13050104/7/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/44888771" 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">
            Martin Strobach
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EMV%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/59129053/25121828/3/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/59129053" 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">
            Massimiliano Verzasconi
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EMR%3C/text%3E%3C/svg%3E"
        alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/119679671" 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">
            Maya Reinhard
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ESD%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/95559399/22913552/6/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/95559399" 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">
            Steven Derendinger
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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">
            Yannick Bättig
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EMR%3C/text%3E%3C/svg%3E"
    data-src="https://dgalywyr863hv.cloudfront.net/pictures/athletes/43461151/12293648/2/large.jpg"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/43461151" 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">
            Monika R
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3ERJ%3C/text%3E%3C/svg%3E"
    data-src="https://lh3.googleusercontent.com/a/ACg8ocISF09hP1LTtS8QyggZf1x3Xetw-HC7PLPcXStqwYNd2BYQvQ=s96-c"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/121427849" 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">
            Robert Jelitto
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
        <img width="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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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-7-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 aspect-square 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;%3EAK%3C/text%3E%3C/svg%3E"
    data-src="https://graph.facebook.com/10205084499987276/picture?height=256&amp;width=256"    alt=""
    width="32"
    height="32"
    loading="lazy"
    data-controller="avatar"
    />
        
    
                                
            <a href="https://www.strava.com/athletes/46032869" 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">
            Andrej Kincel
                    </p>
    </div>

            <div class="ml-auto flex shrink-0 items-center justify-end gap-1.5 sm:gap-2">
                <div class="flex shrink-0 items-center -space-x-2 md:-space-x-2">
            <div class="
    transform
    transition-transform
    sm:hover:scale-150
    hover:z-20
    flex
    h-8
    w-8
    items-center
    justify-center
    rounded-full
    ring-1
    ring-inset
    sm:ring-2
    text-xs
    sm:text-sm
    font-display
    font-semibold
    leading-none
    ring-gray-200
    bg-gray-100
    text-gray-400
    dark:ring-slate-600
    dark:bg-slate-800
    dark:text-slate-400
    tooltip
    " data-tooltip="Regenbogen" aria-label="Regenbogen">
    1
</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
    text-gray-900
    drop-shadow-gold-900
    drop-shadow-md
    bg-white
    dark:bg-slate-900
    ring-gold-400
    tooltip
    " data-tooltip="Pokal" aria-label="Pokal">
        <img width="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>
                        <div class="hidden sm:block shrink-0">
        <div class="flex shrink-0 items-center isolate -space-x-1.5 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=8"
            data-turbo-stream
            data-turbo-prefetch="false"
            class="w-full inline-flex items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2.5 text-sm font-semibold text-gray-700 shadow-sm hover:bg-gray-50 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700"
        >
            Mehr laden
        </a>
    </div>
    </div>
    </template>
</turbo-stream>
