:root{--color-light-shades: #eaede8;--color-light-accent: #ffcb8f;--color-main-brand-color: #f37d0e;--color-dark-accent: #a35436;--color-dark-shades: #2c4546;--color-white: #FFF;--background-color: var(--color-light-shades) --color-primary-200: var(--color-light-accent);--color-primary-400: var(--color-main-brand-color);--color-primary-600: var(--color-dark-accent);--color-secondary-400: var(--color-dark-shades);--color-dark: rgb(26, 37, 37);--color-text: var(--color-dark-shades);--color-gray: rgb(226, 226, 226);--color-focus: var(--color-primary-400);--header-background-color: var(--color-dark);--header-color: var(--color-light-shades);--color-btn-primary: var(--color-white);--background-btn-primary: var( --color-primary-400);--background-btn-primary-hover: var(--color-primary-600);--footer-background-color: var(--color-dark-shades);--footer-color: var(--color-light-shades);--card-border-color: var(--color-text);--font-brand: tavirajmedium_italic;--font-headline: robotocondensed-bold;--font-text: roboto-regular, Geneva, Verdana, sans-serif;--font-light: roboto-light, Geneva, Verdana, sans-serif;--font-text-bold: public_sanssemibold, Verdana, sans-serif;--border-radius: 4px;--border-radius-large: 8px;--box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);--box-shadow-light: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--transition-speed-fast: .15s;--transition-speed-medium: .3s;--transition-speed-slow: .5s}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0;padding:0}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media screen and (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:tavirajmedium_italic;src:url(/wp-content/plugins/shoe-compare/assets/taviraj-mediumitalic-webfont-CGZYX-EP.woff2) format("woff2"),url(/wp-content/plugins/shoe-compare/assets/taviraj-mediumitalic-webfont-QkgonP0h.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:roboto-regular;src:url(/wp-content/plugins/shoe-compare/assets/Roboto-Regular-Fd-ZVn32.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:roboto-bold;src:url(/wp-content/plugins/shoe-compare/assets/Roboto-Bold-CItp5p53.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:roboto-light;src:url(/wp-content/plugins/shoe-compare/assets/Roboto-Light-RFPop78A.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:robotocondensed-bold;src:url(/wp-content/plugins/shoe-compare/assets/RobotoCondensed-Bold-ClnHIutm.woff2) format("woff2"),url(/wp-content/plugins/shoe-compare/assets/RobotoCondensed-Bold-CZYVR1xv.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{color:var(--color-text);font-size:18px;font-family:var(--font-text)}h1,.h1,h2,.h2{font-family:var(--font-headline);color:var(--color-primary-400);font-weight:400}h3,.h3,h4,.h4,h5,.h5{font-family:var(--font-headline);font-weight:400}p{margin:0 0 1.5em}b,strong{font-family:var(--font-text-bold)}.text-brand{font-family:var(--font-brand);font-weight:600}.text-primary-light{color:var(--color-primary-200)}.text-primary{color:var(--color-primary-400)}.text-light{color:var(--color-gray)}.font-size-100,.text-tiny{font-size:10px}.font-size-200,.text-small{font-size:12px}.font-size-300{font-size:14px}.font-size-600{font-size:28px}.font-light{font-family:var(--font-light)}html{min-height:100vh}body{background-color:var(--background-color);background-repeat:no-repeat;height:100%;font-weight:400;position:relative}body main{transition:filter var(--transition-speed-fast) ease-out}body .loader{display:none;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:10;color:var(--color-text);text-align:center}body .loader-animation{--loader-size: 80px;width:var(--loader-size);position:absolute;left:50%;margin-left:calc(var(--loader-size) / 2 * -1);top:calc(var(--loader-size) * -1);aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#c06716 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#c06716);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}body.is-loading{overflow:hidden;cursor:wait}body.is-loading main{filter:blur(4px);opacity:.5}body.is-loading .loader{display:block}main{margin-bottom:80px}#app{display:flex;flex-direction:column;min-height:100vh}.btn-text,a{color:var(--color-text);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--color-primary-400);transition:color var(--transition-speed-fast) ease-out,text-underline-offset var(--transition-speed-fast) ease-out}.btn-text:hover,.btn-text:focus,a:hover,a:focus{color:var(--color-primary-400);text-underline-offset:2px}.btn-text:focus-visible,a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.btn{font-size:18px;color:var(--color-text);font-family:var(--font-text);border:1px solid transparent;border-radius:var(--border-radius);box-shadow:var(--box-shadow-light);text-align:center;vertical-align:middle;white-space:nowrap;padding:8px 16px;display:flex;margin-inline:auto;align-items:center;transition:color var(--transition-speed-fast) ease-in-out,background-color var(--transition-speed-fast) ease-in-out,border-color var(--transition-speed-fast) ease-in-out,box-shadow var(--transition-speed-fast) ease-in-out}.btn:not(:disabled){cursor:pointer}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled{pointer-events:none;opacity:.5}.btn-image{border:none;background:none;padding:0;box-shadow:none}.btn-connect{transition:opacity var(--transition-speed-fast) ease-out}.btn-connect:hover{opacity:.8}.btn-text{color:var(--color-text);border:none;background:none;padding:0;transition:color var(--transition-speed-fast) ease-out,text-underline-offset var(--transition-speed-fast) ease-out}.btn-text:hover,.btn-text:focus{color:var(--color-primary-400);text-underline-offset:2px}.btn-text:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-primary{background-color:var(--background-btn-primary);color:var(--color-btn-primary);border:1px solid var(--background-btn-primary)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:var(--background-btn-primary-hover)}.btn-icon{gap:.5rem;border:none;padding:8px}.btn-icon .icon:not(.icon-light) svg{fill:var(--color-dark);transition:fill var(--transition-speed-fast) ease}.btn-icon:hover .icon:not(.icon-light) svg{fill:var(--color-dark-shades)}.btn-icon:hover .icon-light svg{fill:var(--color-light-accent)}.btn-with-icon{gap:.5rem}.btn-refresh .icon{transition:transform .3s ease-out}.btn-refresh:hover .icon{transform:rotate(45deg)}.btn-refresh-runs:disabled .icon{transform:rotate(120deg)}.btn-refresh-runs:hover .icon{transform:rotate(-80deg)}.nav{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}@media (min-width: 480px){.nav{flex-wrap:no-wrap}}.nav-brand .nav-link,.nav-brand h1{transition:color var(--transition-speed-fast) ease-out;margin:0}.nav-brand .nav-link:hover,.nav-brand h1:hover{color:var(--color-primary-600)}.nav-item{display:flex;align-items:center;margin-right:1rem}.nav-item .nav-link{text-decoration:none;display:flex}.nav-item .nav-link:hover{color:var(--color-primary-600)}.card{border:1px solid #252525;border-radius:var(--border-radius);padding:1rem;background:linear-gradient(180deg,#252525,#222);box-shadow:0 2px 10px #fff6}.card-title{color:var(--color-primary-400);font-family:var(--font-text-bold);font-weight:400;margin-bottom:8px}.card-subtitle{color:var(--color-gray);font-size:1rem;font-weight:400;margin:8px 0}.card-header{margin-bottom:1.5rem}.card-body{font-size:1rem}.card-body>*+*{margin-top:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin:2rem 0}.card-table{font-size:16px}.card-table th{color:var(--color-primary-200);font-weight:400;font-size:14px}.card-table td,.card-table th{padding:0 20px 8px 0}caption{caption-side:top;text-align:left;padding:.5rem 0;font-family:var(--font-headline)}.table{width:100%}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border:0;border-collapse:collapse;table-layout:fixed;width:100%}.table-responsive .table{border-spacing:0;overflow:hidden;width:100%;font-size:14px}.table-responsive thead,.table-responsive tfoot{background-color:var(--color-secondary-400);color:var(--color-gray);font-size:16px;box-shadow:var(--box-shadow-light);font-family:var(--font-headline)}.table-responsive thead th,.table-responsive thead td,.table-responsive tfoot th,.table-responsive tfoot td{border-bottom:0}.table-responsive tbody tr{transition:background-color .2s ease}.table-responsive tbody tr:hover{background-color:var(--color-light-accent)}.table-responsive th,.table-responsive td{text-align:left;padding:1rem 1rem 1rem .5rem;font-weight:400}.table-responsive th:not(:first-child),.table-responsive td:not(:first-child){min-width:6rem}.table-responsive td{background-color:var(--background-color);border-bottom:1px solid var(--color-gray)}.table-responsive tr:nth-child(2n){background-color:var(--color-gray)}.table-responsive .activity-name{width:23%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.table-responsive.table-activities thead,.table-responsive.table-activities tfoot{font-size:14px}.table-responsive.table-activities thead td,.table-responsive.table-activities thead th,.table-responsive.table-activities tfoot td,.table-responsive.table-activities tfoot th{padding:0 0 0 .5rem}.table-responsive.table-activities td:first-child{width:80px;padding-left:0;padding-right:0}.col-checkbox{grid-area:checkbox;justify-content:center}.col-nr{grid-area:nr;justify-content:center}.col-name{grid-area:name}.col-distance{grid-area:distance}.col-pace{grid-area:pace}.col-cadence{grid-area:cadence}.col-stride{grid-area:stride}.col-count{grid-area:count}.col-count button{margin-inline:auto 1rem}.show-activities .col-count button{transform:rotate(-180deg)}.col-activties{display:grid;grid-area:activities;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-speed-medium) ease-in;position:relative}.col-activties:before{content:"";position:absolute;top:0;width:100%;height:0px;display:block;box-shadow:0 1px 3px 1px #0000004d}.col-activties .container{overflow:hidden;min-height:0;display:none}.show-activities .col-activties{grid-template-rows:1fr;background-color:#fff;transition:grid-template-rows var(--transition-speed-slow) ease-out}.show-activities .col-activties .container{display:block}.table-activities-container{margin:20px 16px 80px 65px}.table-activities-container table{width:100%}.grid-table{margin-top:16px;box-shadow:var(--box-shadow-light);-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-large);overflow-x:auto;width:100%;font-size:14px}.grid-table-tr{display:grid;grid-template-columns:minmax(50px,.25fr) minmax(250px,1fr) minmax(80px,.75fr) repeat(3,minmax(200px,1fr)) .5fr;grid-template-rows:auto;gap:0;grid-template-areas:"nr name distance pace cadence stride count" "activities activities activities activities activities activities activities"}.grid-table-tr>div:not(.col-activties){padding:5px;display:flex;align-items:center}.grid-table-header .grid-table-tr{font-family:var(--font-headline)}.grid-table-header .grid-table-tr div{background-color:var(--color-secondary-400);color:var(--color-gray);font-size:16px;box-shadow:var(--box-shadow-light)}.grid-table-body{counter-reset:row}.grid-table-body .grid-table-tr{counter-increment:row;transition:background-color .2s ease}.grid-table-body .grid-table-tr .col-nr:before{content:counter(row);display:block;text-align:center}.grid-table-body .grid-table-tr:nth-child(2n)>div:not(.col-activties){background-color:var(--color-gray)}.grid-table-body .grid-table-tr.show-activities{background-color:#fff;border-top:1px solid var(--color-gray)}.grid-table-body .grid-table-tr:hover:not(.show-activities){background-color:var(--color-light-accent)}.highlight-change{animation:highlightValue .5s;animation-iteration-count:1}@keyframes highlightValue{0%,to{background-color:#fff}50%{background-color:var(--color-light-accent)}}.icon{color:var(--color-text);height:24px;width:24px}.icon svg{fill:currentColor}.icon-light{color:var(--color-white)}.icon-small{width:1rem;height:1rem;display:inline-flex}.icon-small svg{width:100%;height:auto}input[type=text]{background-color:var(--background-color)}label{color:var(--color-text)}.checkbox{display:inline-flex;align-items:center}.checkbox label{display:flex;position:relative;align-items:center;cursor:pointer;font-size:20px}.checkbox label:before{content:"";display:flex;width:1.5rem;height:1.5rem;border-radius:var(--border-radius);background-color:var(--background-color);border:2px solid var(--color-dark-shades);margin-right:.5rem}.checkbox label:after{content:url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'  viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpolygon points='19.6,4.2 9,14.8 4.8,10.6 2,13.4 9,20.4 22.4,7 '/%3E%3C/svg%3E");display:none;fill:currentColor;stroke:currentColor;position:absolute;left:3px;top:3px;width:18px;animation:appaers .3s ease-out}.checkbox input[type=checkbox]:focus-visible+label{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--border-radius)}.checkbox input[type=checkbox]:checked+label:after{animation:appears .2s ease-out;display:block}.checkbox.no-label label:before{margin-right:0}select{font-family:var(--font-text);color:var(--color-text);background-color:#fff;border:none;border-bottom:1px solid var(--color-text);padding:0 8px}select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--border-radius)}@keyframes appears{0%{transform:scale(.3)}35%{transform:scale(1.2)}to{transform:scale(1)}}.filter-bar{margin:1rem 0 2rem;font-size:20px;line-height:2.5;font-family:var(--font-light)}.filter-bar select{padding-left:0}@media (min-width: 480px){.filter-bar{font-size:28px}}.chart{max-height:200px;margin:20px 10px 80px 65px}.wrapper{--max-page-width: 1640px;--gap: 40px;margin-inline:auto;width:min(var(--max-page-width),100% - var(--gap))}.flow>*+*{margin-top:2em}*[class^=col]{width:100%}.col-center{margin-inline:auto}@media (min-width: 768px){.col-50{max-width:50%}}.footer-container{margin-top:auto;background-color:var(--footer-background-color)}.footer{color:var(--footer-color);padding:1rem}.footer a{color:var(--footer-color)}.header{display:flex;align-items:center;padding:1rem 0 0;flex-wrap:wrap;justify-content:center;flex-direction:column}@media (min-width: 480px){.header{flex-wrap:nowrap;flex-direction:row}}.header-user{display:flex;align-items:center;margin-top:16px;position:relative;font-family:var(--font-light);flex-direction:row-reverse;gap:1rem}.header-user .header-user-menu{display:grid;grid-template-rows:0fr;overflow:hidden;padding:0;margin:0 0 0 -5px;position:absolute;top:100%;transition:grid-template-rows var(--transition-speed-fast) ease}.header-user .header-user-menu .header-user-menu-item{list-style:none;min-height:0;padding:4px;margin-left:4px}.header-user .header-user-menu .btn{font-family:var(--font-light)}.header-user:focus-within .header-user-menu{grid-template-rows:1fr}@media (min-width: 480px){.header-user{margin-left:auto;margin-top:0;flex-direction:row}}.header-user-name{display:flex;cursor:pointer;text-decoration:none}.header-user-name:after{content:"";display:inline-block;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");margin-right:.25rem;width:28px;height:28px}.header-user-name:focus:after,.header-user-name:hover:after{color:var(--color-main-brand-color)}.header-user-name:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--border-radius)}.header-user-image{object-fit:contain;width:100%;max-width:100%}.header-user-imager-round{border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;width:50px;height:50px}.mt-16{margin-top:16px}.mb-32{margin-bottom:32px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center!important}.text-right{text-align:right}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-none{display:none}.justify-center{justify-content:center}.align-center{align-items:center}