/* Vycentrování obsahu a pravidelné okraje */
.obsah {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px; /* Zvětšený padding pro více prostoru */
    color: #333; /* Tmavší barva pro lepší čitelnost */
}

/* Stylování sekce */
.styl-obsah {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px; /* Zvýšený gap pro větší oddělení */
    padding: 60px 0; /* Více prostoru okolo */
    transition: all 0.3s ease-in-out; /* Jemná animace při změně */
}

.styl-obsah img {
    width: 400px;
    height: auto;
    border-radius: 15px; /* Zaoblenější rohy */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* Měkčí stín */
    transition: transform 0.3s ease-in-out; /* Animace pro efekt při najetí */
}

.styl-obsah img:hover {
    transform: scale(1.05); /* Efekt zvětšení při najetí */
}

/* Stylování textové sekce */
.text-obsah {
    max-width: 800px;
    color: #333; /* Tmavší barva pro lepší čitelnost */
    font-size: 20px; /* Větší písmo */
    line-height: 1.8; /* Větší mezery mezi řádky */
    transition: color 0.3s ease-in-out; /* Animace pro změnu barvy textu */
}

.text-obsah p {
    margin-bottom: 20px; /* Větší mezery mezi odstavci */
}

/* Responzivita pro mobilní zařízení */
@media (max-width: 768px) {
    .styl-obsah {
        flex-direction: column;
        
    }

    .styl-obsah img {
        width: 80%;
    }

    .text-obsah {
        font-size: 18px; /* Menší písmo na mobilu */
    }
}