body {
	  background-color:#f5f5f9;
  }
.kratky-text {
    width: auto;
    max-height: 75px; /* Nebo max-height nastav podle počtu řádků */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* Počet řádků, které se vejdou do 200px */
    line-height: 25px; /* Nastav line-height podle potřeby */
    text-overflow: ellipsis;
}
.kratky-text2 {
    width: auto;
    max-height: 55px; /* Nebo max-height nastav podle počtu řádků */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Počet řádků, které se vejdou do 200px */
    line-height: 25px; /* Nastav line-height podle potřeby */
    text-overflow: ellipsis;
	font-weight:300;
}  
  .navigace {
	  background-color:#ffffff;
	  height:auto;
	  padding:20px;
	  box-shadow: 0 0.125rem 0.375rem 0 rgba(161,172,184,.12);

  }
  .shadow1 {
	  box-shadow: 0 0.125rem 0.375rem 0 rgba(161,172,184,.12);
  }
.card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-title-spacer-y: 0.875rem;
    --bs-card-title-color: #566a7f;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 0;
    --bs-card-border-color: #d9dee3;
    --bs-card-border-radius: 0.5rem;
    --bs-card-box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
    --bs-card-inner-border-radius: 0.5rem;
    --bs-card-cap-padding-y: 1.5rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-cap-bg: transparent;
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1.5rem;
    --bs-card-group-margin: 0.8125rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}  
.suggestion-item {
	padding: 10px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}
#suggestions-box {
  display:none;
  position: absolute;
  top: 50px; /* 50px od horní části */
  width: 100%; /* Nebo jakoukoliv jinou šířku, kterou preferujete */
  background-color: #ffffff;
  border: 1px solid #ccc;
  z-index: 999; /* Nižší z-index než vyhledávací pole, ale stále vysoko */
  overflow-y: auto;
  max-height: calc(100vh - 100px); /* Výška je nastavena tak, aby nezabírala celou obrazovku */
}
.highlighted {
  background-color: #ddd; // Můžete upravit podle svého designu
}
/*
#nase-nabidka {
	max-height:600px;
	overflow:hidden;
}
#nase-nabidka:hover {
    overflow: auto;

}
/*
 * Styly pro nadpisy uvnitř článku.
 * Vložte je do hlavního CSS souboru vašeho webu.
 */

.article-body h2 {
  font-size: 1.4rem; /* ~20px, pokud je základní velikost písma 16px */
  font-weight: 600;
  color: #1e293b; /* Tmavě šedá barva */
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

.article-body h3 {
  font-size: 1.25rem; /* ~18px, o něco menší než h2 */
  font-weight: 600;
  color: #1e293b; /* Stejná tmavě šedá barva */
  margin-top: 1.25em;
  margin-bottom: 0.5em;
}
.article-body {
	font-size: 1.25rem;
	font-weight: 350;
}

.article-body a {
	color: #587557; /* Nastaví barvu odkazu na vámi zvolenou tmavě šedou */
	text-decoration: underline; /* Zajistí podtržení odkazu */
	font-weight: bold; /* Zajistí tučné písmo */
}

/* Doporučený bonus: Styl pro najetí myší */
.article-body a:hover {
	opacity: 0.8; /* Mírně zprůhlední odkaz při najetí myší */
}