body {
    line-height: 1.6; /* Větší mezery mezi řádky pro lepší čitelnost */
    background-color: #f4f4f4; /* Světle šedé pozadí pro celé tělo */
    margin: 0; /* Odstranění výchozích okrajů */
}

.containerarticle {
    max-width: 1000px; /* Maximální šířka kontejneru */
    margin: 26px auto; /* Větší vnější okraje */
    background: #fff; /* Bílé pozadí pro obsah */
    padding: 30px; /* Větší vnitřní okraje */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Mírný stín pro efekt */
    border-radius: 8px; /* Zaoblení rohů kontejneru */
    text-align: justify;
}

.custom-border-bottom {
    border-bottom: 2px solid #2A9D8F; /* Jednoduchá spodní čára pro oddělení */

}

.article-image {
    width: 100%; /* Šířka obrázku na 100% kontejneru */
    height: auto; /* Zachování poměru stran */
    margin-bottom: 15px; /* Spodní mezera pod obrázkem */
}

.article-date {
    font-size: 14px; /* Velikost písma pro datum */
    color: #666; /* Šedá barva pro datum */
    margin-bottom: 20px; /* Spodní mezera pod datem */
}

.article-subtitle {
    font-size: 20px; 
    color: #34364C; 
    margin-top: 20px; 
    margin-bottom: 10px; 
}

.highlight {
    margin: 20px 0; /* Mezery nad a pod citací */
    padding-left: 15px; /* Vnitřní okraj pro prostor kolem textu */
    border-left: 4px solid #34364C; /* Levá svislá čára pro důraz */
}

a {
    color: #2A9D8F; /* Zde nastav novou barvu pro všechny odkazy */
    text-decoration: none; /* Bez podtržení */
}

a:hover {
    text-decoration: underline; /* Podtržení při hoveru */
}

h1, h2.article-subtitle {
    text-align: left !important; /* Přepíše případné jiné zarovnání */
}

.article-content {
    text-align: justify;
}