<!-- .stan { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; overflow: hidden; }

.stanprojednoho {
background-color: #007fb4;
padding: 20px;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }

.stanprojednoho h2 {
margin-bottom: 10px;
margin-top: 0px; /* Nové pravidlo pro snížení mezery nad h2 */ }

.stanprojednoho p {
margin: 0; }

@media (max-width: 767px) {
.stan {
grid-template-columns: 1fr; /* Jeden sloupec na malých displejích */
} }

.posuvniknordic {
text-align: left;
border: 1px solid black;
border-radius: 15px; /* Kulaté rohy */
padding: 20px;
}

.slider-label {
font-weight: bold;
}

.slider {
width: 80%;
margin: 0 auto;
appearance: none;
height: 10px;
border-radius: 5px;
background: #f07d00; /* Barva posuvníku */
}

.slider::-webkit-slider-thumb {
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: black; /* Barva rukojeti posuvníku */
}

.result { text-align: left; font-weight: bold; margin-top: 20px; } →