:root {
    --cassiopeia-color-primary: #17a351;
    --cassiopeia-color-link: #03396c;
    --cassiopeia-color-hover: #011f4b
  }
/* na mobilech zarovnani textu doleva*/
@media screen and (max-width: 767px) {
  body, p, h1, h2, h3, h4, h5, h6, a, span {
    text-align: left !important;
  }
/* změna šířky loga z 300 na 200px*/
}
.container-header .navbar-brand img {
  width: 200px;
}
h1 {
color: #85bb25;  
}
p {
text-align: justify;  
}
ul, ol {
text-align: left;  
}
img {
  max-width: 100%;
  height: auto;
  margin-right: 15px;
}
/* pozadi tlacitka cist dale... oranzove*/
.btn-secondary {
  color: #353b41;
  background-color: orange;
  border-color: #ced4da;
}
/* pozadi karty news... oranzove*/
.card-header {
  background-color: orange;
}
/* Nastavení výšky loga */
#logo img {
  height: 80px; /* Změň na požadovanou výšku */
  width: auto;  /* Automatická šířka pro zachování poměru stran */
}
/* Nastavení výšky hlavního menu */
#menu {
  line-height: 80px; /* Změň na požadovanou výšku */
  min-height: 80px;  /* Zajištění minimální výšky */
}
@media (max-width: 768px) {
  /* Úpravy pro mobilní zařízení */
  #logo img {
    height: 60px; /* Menší výška pro mobilní zařízení */
  }
  #menu {
    line-height: 60px; /* Odpovídající výška menu */
    min-height: 60px;
  }
}
.header-flex {
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  gap: 2rem; /* mezera mezi logem a menu */
}

.branding svg,
.branding img {
  height: 50px;
  width: auto;
  display: block;
}

.main-menu {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start; /* zarovná menu blíž k logu */
}
.container-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
}

.header-flex {
  display: flex;
  align-items: center;
  gap: 2rem;
  max-width: 1200px;
  width: 100%;
  justify-content: space-between;
}

.branding {
  flex-shrink: 0;
}

.main-menu {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
}