:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{display:flex;justify-content:center;align-items:center;padding:10px}.logo{width:150px}.navbar{display:flex;justify-content:space-around;align-items:center;background-color:red;color:#fff;width:100%}li{list-style:none;padding:10px;height:100%}.nav-item{color:#fff;text-decoration:none;font-weight:700}.nav-item.active{background:#000}.nav-item:hover{color:#000}@media (max-width: 576px){.nav-item span{display:none}.nav-item.active{background-color:transparent}}.slider{width:100%;max-height:80vh;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.slider img{max-width:100%;max-height:80vh;object-fit:contain;opacity:0;position:absolute;transition:opacity 1s ease-in-out}.slider img.aktivna{opacity:1;position:relative;z-index:2}.slider img.nevidljiva{opacity:0;z-index:1}.tekst-preko{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-size:3rem;font-weight:700;z-index:2;opacity:.4}@media (max-width: 480px){.slider img{max-width:100%;height:260px;object-fit:cover}}@media (max-width: 900px){.slider{max-height:50vh}.slider img{max-width:100%;height:300px;object-fit:cover}.tekst-preko{font-size:1.5rem;bottom:5%;opacity:.6}}.tri-maratona{padding:20px;text-align:center}.maraton-flex{display:flex;flex-wrap:wrap;justify-content:space-around}.maraton-kartica{flex:1 1 250px;max-width:240px;background:#000;color:#fff;text-decoration:none;border-radius:12px;padding:16px;box-shadow:0 2px 8px red;transition:.3s ease-in-out}.maraton-kartica:hover{transform:scale(1.03);color:#fff}.maraton-kartica img{max-width:100%;max-height:20vh;border-radius:10px;margin-bottom:10px}.maraton-kartica h3{text-transform:uppercase}h2{color:#000}@media (max-width: 1050px){.maraton-flex{flex-direction:column;align-items:center}.maraton-kartica{width:90%;margin-bottom:20px}.maraton-kartica img{max-height:30vh}}.slider-maraton-wrapper{text-align:center;min-width:230px;height:100%}.slider-maraton{position:relative;height:300px;overflow:hidden}.kartica{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:240px;height:100%;background:red;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:.3s ease-in-out;opacity:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;padding:16px;box-sizing:border-box}.kartica img{max-width:100%;max-height:20vh;border-radius:10px;margin-bottom:10px}.kartica.aktivna{opacity:1;z-index:2}.kartica.nevidljiva{opacity:0;z-index:1}.kartica:hover{transform:scale(1.03);color:#fff}.kartica h3{text-transform:uppercase}.naslov-slidera{color:#000;text-align:center;width:240px}@media (max-width: 1050px){.slider-maraton-wrapper{width:100%}.slider-maraton{height:auto;min-height:320px}.kartica{width:50%;height:auto;padding:12px}.kartica img{max-height:25vh}.naslov-slidera{width:100%;font-size:1.2rem}}.postignuca-container{max-width:50vh;padding:0 15px}.postignuca-container h2{text-align:center;color:#000}.postignuca{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.postignuce-kartica{background:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 3px 7px #0000001a}.postignuce-kartica h3{margin-top:0;margin-bottom:10px;color:red;text-transform:uppercase;font-size:1.3rem}.postignuce-kartica p{margin:6px 0;font-size:.95rem;color:#000}@media (max-width: 768px){.postignuca-container{padding:0 10px}.postignuce-kartica{padding:16px}.postignuce-kartica h3{font-size:1.1rem}.postignuce-kartica p{font-size:.9rem}}@media (max-width: 480px){.postignuca-container h2{font-size:1.5rem}.postignuce-kartica{padding:14px}.postignuce-kartica h3{font-size:1rem}.postignuce-kartica p{font-size:.85rem}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%}.gj{display:grid;grid-template-areas:"s" "gd";grid-template-rows:auto auto;gap:30px;width:100%}.gd{grid-area:gd;display:grid;grid-template-areas:"tri tri tri p" "t t t p";grid-template-rows:auto auto;gap:20px}.slike{grid-area:s}.tri{grid-area:tri}.top{grid-area:t;display:flex;flex-wrap:wrap;justify-content:space-around}.postignuca{grid-area:p}@media (max-width: 1050px){.gj{gap:20px;padding:10px;width:100%}.gd{grid-template-areas:"tri" "t" "p";grid-template-rows:auto auto auto;gap:16px;width:100%}.top{display:grid;grid-template-columns:1fr;gap:20px;width:100%}.tri,.postignuca{width:100%}}@media (max-width: 450px){.gj{gap:20px}.gd{gap:16px}}.maratoni-wrapper{padding:20px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}h1{text-align:center;margin-bottom:30px}.filteri{display:flex;flex-wrap:wrap;gap:15px;background:#f9f9f9;margin-bottom:25px;align-items:center;justify-content:center}.filteri label{font-weight:700;margin-right:6px;white-space:nowrap}.filteri select{padding:6px 10px;font-size:1rem;border:1px solid #ccc;border-radius:4px}.maratoni{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.kartica-maraton{display:flex;flex-direction:column;width:220px;background:#f9f9f9;border-radius:8px;color:#000;text-decoration:none;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;height:100%}.kartica-maraton:hover{transform:translateY(-5px);color:#000;box-shadow:0 8px 20px #00000026}.kartica-maraton img{width:100%;height:140px;object-fit:contain}.kartica-maraton h3{margin:12px 16px 4px;font-size:1.1rem;text-transform:uppercase}.kartica-maraton p{margin:0 16px 12px;font-size:.9rem}.ocene{display:flex;flex-direction:column;padding:0 16px 16px;font-size:.85rem}.ocene span{padding:4px 6px;font-weight:600}@media (max-width: 900px){.filteri{flex-direction:column}}.stranica-maraton{max-width:100%;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000}h1{text-align:center;text-transform:uppercase;color:red}.info{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;background:#f9f9f9;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 1px 6px #0000001a}.info .i,.info .o{flex:1 1 300px}.info img{max-width:100%;height:40vh;display:block;margin:0 auto 1rem;border-radius:6px}.info a{text-decoration:none}.info a:hover{text-decoration:underline}.trke{margin-bottom:2rem}.trke h2{margin-bottom:1rem;font-size:1.8rem;border-bottom:2px solid red;padding-bottom:.3rem;color:red}.btn{display:flex;justify-content:center;align-items:center;gap:20px;width:100%}.trka-btn{background-color:red;color:#fff;border:none;padding:.5rem 1rem;margin:.25rem .5rem .25rem 0;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-weight:600}.trka-btn:hover,.trka-btn:focus{background-color:#000;outline:none}.trka-detalji{display:grid;grid-template-areas:"n n n n" "m g g g" "t g g g";grid-template-rows:auto auto auto;gap:20px;margin-top:1.5rem;background:#f9f9f9;padding:1rem;border-radius:8px}.naslov{grid-area:n}.medalja{grid-area:m}.slika-medalja{max-width:100%;height:350px}.trkaci{grid-area:t}.trkaci h4{margin-top:0;margin-bottom:.5rem}.trkaci ul{list-style-type:disc;padding-left:1.5rem;margin-top:0;margin-bottom:1rem}.trkaci li{margin-bottom:.25rem}.galerija{grid-area:g}.galerija h4{margin-top:0;margin-bottom:.5rem}.galerija-wrapper{position:relative;width:100%;height:70vh;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px}.slika-galerija{position:absolute;max-width:100%;max-height:100%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%)}.dugme-levo,.dugme-desno{position:absolute;top:50%;transform:translateY(-50%);background-color:#f00c;border:none;color:#fff;font-size:2rem;width:40px;height:40px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.dugme-levo{left:10px}.dugme-desno{right:10px}.dugme-levo:hover,.dugme-desno:hover{background-color:#000}@media (max-width: 768px){.trka-detalji{grid-template-areas:"n n" "m t" "g g";grid-template-rows:auto auto auto}.galerija-wrapper{height:300px}.slika-medalja{height:auto;max-height:250px}}@media (max-width: 480px){h1{font-size:1.5rem}.trke h2{font-size:1.3rem}.trka-btn{font-size:.9rem;padding:.4rem .8rem}.dugme-levo,.dugme-desno{width:32px;height:32px;font-size:1.5rem}.galerija-wrapper{height:220px}.slika-galerija{max-height:100%}.info img{height:auto;max-height:250px}}.mapa-stranica{padding:2rem;text-align:center}.mapa-iframe{max-width:100%;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #0000001a}iframe{width:100%;min-height:500px}.onama{width:100%;background:#f9f9f9;border-radius:12px;animation:fadeIn .8s ease-in-out}.onama p{font-size:1.1rem;line-height:1.8;color:#000;padding:0 40px;text-align:justify}.onama strong{color:red}@media screen and (max-width: 768px){.onama p{font-size:1rem}}.panel{background:#f9f9f9;display:flex;flex-direction:column}.footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#f9f9f9}.slogan{font-size:50px;font-weight:700}#mi{color:red}#invalidi{color:#000}.footer-info,.sponzori{display:flex;justify-content:space-around;align-items:center;width:100%}.sponzori{flex-direction:column}.sponzor{display:flex;justify-content:space-around;align-items:center;width:50%;flex-wrap:wrap;gap:15px}@media (max-width: 480px){.footer-info{flex-direction:column}.slogan{-moz-tab-size:40px;tab-size:40px}}.pozadina-teksta{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;padding:40px;font-size:14px;line-height:1;color:#0000004d;overflow:hidden;background:#fff;font-weight:500;display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;text-align:center}.pozadina-teksta p{display:inline;padding:0;margin:0}@media (max-width: 1050px){.pozadina-teksta{flex-wrap:nowrap}}body,html,#root{margin:0;padding:0;width:100%;height:100%}.grid{display:grid;grid-template-areas:"header" "nav" "main" "footer";grid-template-rows:auto auto 1fr auto;gap:20px;width:100%}header{grid-area:header;z-index:2}nav{grid-area:nav}main{grid-area:main}footer{grid-area:footer}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;overflow:hidden}.animacija-slike{width:100px;height:auto;animation:pomeranje 3s linear forwards}@keyframes pomeranje{0%{transform:translate(-150%)}to{transform:translate(100vw)}}