/*moje formatovani prezentace*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');*/

:root {
/*barevne kombinace https://www.realtimecolors.com */	
  --max-sirka: 1400px; /*max sirka hlavni obsahove plochy 100% nebo 1600px */	
  --kulate-rohy: 0px; /* zakulaceni rohu komponent */	
  --color-main: #FFF; /* hlavni barva sablony, vybrane menu --primary */
  --color-text: #000; /*vychozi barva textu --background*/	
  --velikost-text: 14px; /*vychozi velikost textu */	
  --tucnost-text: 300; /*vychozi tucnost textu*/	
  --color-body-background: #fff; /*barva pozadi stranek #F0F4F6*/
  --color-obsah-container: #fff; /*barva pozadi obsahove plochy #F0F4F6*/
  --color-obsah-container-kontakty: #FFF; /*barva pozadi obsahove plochy v kontaktech pro doplnkovy text, taky EXPANDY #F0F4F6 --secondary*/	
  --font-family: 'Roboto', sans-serif;
  --font-family-hlavicky: 'Roboto', sans-serif;   
  --color-header: #000; /*barva nadpisu --accent*/	 
  --color-bok-panel-container: #FFF; /*barva bocniho panelu v podstrankach*/
    
  /*logo*/    
  --maximalni-vyska-loga: 50px; /*maximalni vyska loga*/

/*paticka*/	
  --footer-color: #FFF; /*barva pozadi paticky*/
  --footer-color-text: #000; /*barva textu paticky*/ 
  --footer-color-h5: #000; /*barva nadpisu paticky*/	

/*formatovani vypisu skupinovych textu --accent */
  --color-skupinovy-text-titulek: #336699;
  --color-skupinovy-text-kalendar: #336699;
  --color-skupinovy-text-text: #336699;

  --color-skupinovy-text-simple-titulek: #000;
  --color-skupinovy-text-simple-kalendar: #000;
  --color-skupinovy-text-simple-text: #000;	
	
/*header top lista*/
  --viditelnost-listy: none;/*viditelnost listy none, block */    
  --color-text-top-lista: #000; /*barva textu na top liste nad menu*/
  --color-pozadi-top-lista: rgba(255, 255, 255, 0); /*barva pozadi na top liste nad menu*/
  --vyska-top-lista: 30px; /*vyska top listy nad menu*/	
  --top-lista-odkazy: #000; /*barva odkazu na top liste*/    
}



* {
  /*font-family: var(--font-family);*/
  -webkit-border-radius: var(--kulate-rohy) !important;
  -moz-border-radius: var(--kulate-rohy) !important;
  border-radius: var(--kulate-rohy) !important;
  -khtml-border-radius: var(--kulate-rohy) !important;
  scroll-behavior: smooth; /*animovany prechod pri kliku na kotvicky*/	
}
body, html {
    font-family: var(--font-family);
	font-weight: var(--tucnost-text);
	font-size: var(--velikost-text);
	color: var(--color-text);
	background-color: var(--color-body-background);
}
.header-top-lista {  
    display: var(--viditelnost-listy) !important;
    width: 100%;  
    height: var(--vyska-top-lista);  
    background-color: var(--color-pozadi-top-lista);  
    color: var(--color-text-top-lista);  
    z-index: 1000;  
    border-radius: 0 !important; /* Zajistí ostré rohy a přepíše případné jiné styly */  
    display: flex;  
    justify-content: center;  
    align-items: center;  
}  

.header-top-lista .container {  
    width: 100%;  
    display: flex;  
    justify-content: center;  
    align-items: center;  
    height: 100%;  
}  

.header-top-lista .row {  
    display: flex;  
    flex-wrap: nowrap; /* Zabraňuje zalomení položek do nového řádku */  
    justify-content: center;  
    align-items: center;  
    height: 100%;  
    margin: 0;  
    gap: 20px; /* Přidání prostoru mezi položkami */  
}  

.header-top-lista-item {  
    display: flex;  
    align-items: center;  
    justify-content: center; /* Horizontální centrování obsahu */  
    max-width: 150px; /* Nastavení maximální šířky položek */  
    white-space: nowrap;  
    font-size: 11px; /* Nastavení velikosti textu */  
    text-align: center; /* Centrovaný text */  
}  

.header-top-lista-item i {  
    margin-right: 5px;  
}  

.header-top-lista-item a {  
    /*color: inherit;  */
    text-decoration: none;
	font-weight: 500;
	color: var(--top-lista-odkazy) !important;
} 

/*nastaveni odsazeni hlavniho obsahoveho containeru od horniho okraje obrazovky*/
.top-odsazeni, .top-odsazeni-index {
  padding: 0px;
  margin: 0px;
  clear: both;
  width: 100%;	
  height: 63px !important;
}
.top-odsazeni-index {
  height: 60px;	
}
/*standardni bootstrap container*/
.container {
	max-width: var(--max-sirka) !important;
}
.container-novinky {
	background-color: #FFF;
	padding: 10px;
	width: 100%;
}
.container-obsahova-plocha {
	padding: 0px;
	width: 100%;
	background-color:  var(--color-obsah-container);
}
.container-obsahova-plocha-kontakty {
	padding: 10px;
	width: 100%;
	background-color:  var(--color-obsah-container-kontakty);	
}
.container-paticka {
   background-color: var(--footer-color); 
}
.container-paticka * {
   color: var(--footer-color-text); 
}
.container-paticka h5 {
   color: var(--footer-color-h5) !important; 
}
.container-podstranka-bocni-panel {
    padding: 10px;
    background-color: var(--color-bok-panel-container);
    border-left: 1px solid rgba(237,237,237,1.00);
}

/*drobeckova navigace*/
.breadcrumb-box {
	
}
@media (max-width:768px) {
.breadcrumb-box {
  display: none !important;
}
.top-odsazeni {
  height: 70px;
}
.top-odsazeni-index {
  height: 90px;	
}
.container-paticka {
   text-align: center;
}	
}

.tl-text-menu {
    font-family: var(--font-family-hlavicky) !important;
    font-size: 28px;
}
h1, h2, h5, h4 {
	font-weight: 500 !important;
	font-family: var(--font-family-hlavicky) !important;
    color: var(--color-header) !important;
}
h1 {
	font-size: 30px;
	font-weight: 700 !important;
}
h1, h2 {  
  position: relative;  
  color: #212849; /* tmavě modrá barva textu */  
  margin-bottom: 1rem;  
  
  transform: translateY(20px);  
  animation: fadeIn 1.8s ease-out forwards;  
}  

 /*h2::after {  
  content: '';  
  position: absolute;  
  left: 0;  
  bottom: -8px;  
  width: 40px;  
  height: 2px;  
  background-color: var(--color-header); /* barva podtržení nadpisů* /  
  transform: scaleX(0);  
  animation: lineGrow 0.6s ease-out 0.4s forwards;  
}  

@keyframes fadeIn {  
  to {  
    opacity: 1;  
    transform: translateY(0);  
  }  
}  

@keyframes lineGrow {  
  to {  
    transform: scaleX(1);  
  }  
}*/
.h1-uvod {
	font-size: 40px;
}
h2 {
    font-size: 25px !important;
    /* letter-spacing: 10px !important; */
    font-weight: 400 !important;
    line-height: 70px !important;
}
h3 {
    /*letter-spacing: 10px !important;*/
    font-weight: 700;    
}  
strong {
	font-weight: 700;
}
.text-reklamni {
	font-weight: 700;
	font-size: 48px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

@media (max-width:767px) {
h1 {
	font-size: 28px;
}
h2 {
	font-size: 20px !important;
}
.text-reklamni {
	font-size: 30px;
}
	
}
a {
	color: #000;
}

/*zobrazeni loga*/
.nav-brand {
    line-height: 50px;
    padding: 0 0px;
}
.logo-web-1 {
	max-height: var(--maximalni-vyska-loga);
	margin-top: 3px;
	/*position: fixed;*/
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -khtml-border-radius: 0px !important;	
}
.logo-web-2 {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -khtml-border-radius: 0px !important;	
}
/*kontejner pro rolovani sirky sirokych tabulek*/
.container-tabulky {
	width: 100%;
	overflow-x: auto;
}
.container-tabulky table {
	width: 100%;
	min-width: 700px;
}
.text-static-container {
   width: 100%;
   padding: 0px;	
}
.info-tlacitko {
    display: block;
    max-width: 250px;
    height: 36px;
    -webkit-border-radius: 18px !important;
    -moz-border-radius: 18px !important;
    border-radius: 18px !important;
    -khtml-border-radius: 18px !important;
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(0,0,0,1.00);
    text-align: center;
	margin: auto;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 20px;
}

.info-tlacitko:hover {
    background-color: #ccc;
}

/*videa v expandu*/
.container-expand-flexbox video {
    position: relative;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 9;
}

/*listpdf container*/
.list-pdf-container {
	height:800px; 
	margin-bottom:50px;
}
/*accordion*/
/*telo accordionu*/
.accordion-item {
    color: #000 !important; /*text*/
    background-color: transparent!important; /*pozadi*/
    border: 0px solid #FFF;
	margin-bottom: 5px;
	/*font-size: 13px !important;*/
}
/*hlavicka*/
.accordion-button  {
	background-color: #FFF !important;
}

/*formatovaci classy*/
.max-sirka {
	max-width:  var(--max-sirka) !important;
}
.margin-auto {
	margin: auto !important;
}
.hranate-rohy {
 -webkit-border-radius: 0px !important;
 -moz-border-radius: 0px !important;
 border-radius: 0px !important;
 -khtml-border-radius: 0px !important;	
}

/*barvy*/
.t-bila, .bila {
	color: #fff !important;
}
.t-cerna, .cerna {
	color: #000 !important;
}

/*pismo*/
.velky-text-strong-1 {
	font-size: 25px;
	font-weight: 700;
}
.velky-text-strong-2 {
	font-size: 30px;
	font-weight: 700;	
}
.m-centr-right, .centruj-mp {
	text-align: right !important;
}
.m-centr-left, .centruj-ml {
	text-align: left !important;
}
@media (max-width:768px) {
.m-centr-right, .m-centr-left, .centruj-ml, .centruj-mp {
	text-align: center !important;
}
}

/*moje standardni classy*/
.pacicka {
	cursor: pointer;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.text-right {
    text-align: right !important;
}
.padding0 {
  padding: 0px !important;
}
.padding5 {
  padding: 10px !important;
}
.padding10 {
  padding: 5px !important;
}
.padding20 {
  padding: 20px !important;
}
.margin0 {
  margin: 0px;
}
.margin-right5 {
  margin-right: 5px !important;
}
.margin-auto {
    margin: auto !important;
}
.skryt {
  visibility: hidden !important;
}
.hide {
    display: none !important;
}
.podtrzene {
	text-decoration: underline !important;
}
.bez-podtrzeni {
	text-decoration: none !important;
}
.pruhledne, .transparent {
	background-color: transparent !important;
}
@media (max-width: 768px) {  
    .centruj-m {  
        text-align: center !important;  
    }  
}  
.sloupce-2-flex {
        columns: 500px 2; /*sirka sloupcu a pocet sloupcu*/
        column-gap: 50px; /*jak budou od sebe vzdalene*/
        padding: 25px;
}
.sloupce-2-nadpis {
        column-span: all;
        display: block;
        padding: 25px;
}
.sloupce-2 {
    columns: 500px 2; /*sirka sloupcu a pocet sloupcu*/
    column-gap: 50px; /*jak budou od sebe vzdalene*/
    padding: 25px;	
}
.sloupce-3 {
    columns: 300px 2; /*sirka sloupcu a pocet sloupcu*/
    column-gap: 50px; /*jak budou od sebe vzdalene*/
    padding: 25px;	
}

.ikonka {
  width: 100%;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

.ikonka > div {
  flex-basis: calc(16.666% - 16px); /* 6 items per row, adjusting for gap */
  min-width: 120px; /* Reduced minimum width to accommodate 6 items */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 16px; /* Added to ensure consistent vertical spacing */
}

.ikonka img {
  width: 100px;
  height: 100px;
  margin-bottom: 10px; /* Spacing between image and text back to 10px */
}

.ikonka span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* Aligns content to the top */
  width: 100%; /* Ensures the span takes full width of its parent */
}

@media (max-width: 1200px) {
  .ikonka > div {
    flex-basis: calc(20% - 16px); /* 5 items per row on smaller screens */
  }
}

@media (max-width: 992px) {
  .ikonka > div {
    flex-basis: calc(25% - 16px); /* 4 items per row */
  }
}

@media (max-width: 768px) {
  .ikonka > div {
    flex-basis: calc(33.333% - 16px); /* 3 items per row on smaller screens */
  }
}

@media (max-width: 480px) {
  .ikonka > div {
    flex-basis: calc(50% - 16px); /* 2 items per row on very small screens */
  }
}

.break, .break2, .break3, .break5, .break10, .break20, .break30, .break50, .break100 {
  padding: 0px;
  margin: 0px;
  clear: both;
  height: 1px;
  width: 100%;
}
.break2 {
  height: 2px !important;
}
.break3 {
  height: 3px !important;
}
.break5 {
  height: 5px !important;
}
.break10 {
  height: 10px !important;
}
.break20 {
  height: 20px !important;
}
.break30 {
  height: 30px !important;
}
.break50 {
  height: 50px !important;
}
.break100 {
  height: 100px !important;
}
.pull-left {
	float: left !important;
}
.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
  display: none !important;
}
@media (max-width:767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width:1200px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (max-width:767px) {
  .visible-xs {
    display: block !important
  }
  table.visible-xs {
    display: table !important
  }
  tr.visible-xs {
    display: table-row !important
  }
  td.visible-xs, th.visible-xs {
    display: table-cell !important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display: block !important
  }
  table.visible-sm {
    display: table !important
  }
  tr.visible-sm {
    display: table-row !important
  }
  td.visible-sm, th.visible-sm {
    display: table-cell !important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block !important
  }
  table.visible-md {
    display: table !important
  }
  tr.visible-md {
    display: table-row !important
  }
  td.visible-md, th.visible-md {
    display: table-cell !important
  }
}
@media (min-width:1200px) {
  .visible-lg {
    display: block !important
  }
  table.visible-lg {
    display: table !important
  }
  tr.visible-lg {
    display: table-row !important
  }
  td.visible-lg, th.visible-lg {
    display: table-cell !important
  }
}

/*vypis skupiny textu*/
.card {
    height: 100%;
    margin: 5px;
	margin-bottom: 15px !important;
    border: 0px solid rgba(255,255,255,1.00);
  -webkit-box-shadow: 0 0 10px 2px #ccc;
  box-shadow: 0 0 10px 2px #ccc;	
    background: linear-gradient(135deg, #f5f7fa 0%, #e4ecfb 100%);
}
.card:hover {
  -webkit-box-shadow: 0 0 15px 2px #ccc;
  box-shadow: 0 0 15px 2px #ccc;
  transition-duration: 0.3s;
  transition-delay: 0.1s;  
  transform: scale(1.05);   
  z-index: 99999;
}
.card-body {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
.card-text {
  /*flex-grow: 1;*/
}
.card-text-upoutavaci {
  font-size: 14px !important;
  flex-grow: 1;	
  padding: 10px;
}
.text-skupina-container {
    padding: 2px !important;
    margin-bottom: 10px;
}
.card-text-skupina-nazev {
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px !important;
	color: #009C44 !important;
}
 
.card-text-skupina-nazev a {
	text-decoration: none;
}
.text-skupina-datum {
    color: #009C44 !important;
    font-size: 12px;
    font-weight: 700;
    padding: 12px;
}
.text-skupina-img {
    width: 100%;
    height:200px;
    background-size: cover;
    background-position: center 0%;
	cursor: pointer;
}
.text-skupina-datum::before  {
    content: "\f073"; /* Unicode ikonky kalendáře z FontAwesome */
    font-family: "Font Awesome 5 Free";
    color: #009C44 !important;
    display: inline;
    margin-right: 5px; /* Přidá mezistupeň mezi ikonkou a textem */
}
.text-skupina {
	position: relative;
	width: 100%;
	height: 150px;
}
.text-skupina-kdokdykde {
    background-color: rgba(236,236,236,1.00);
    padding: 5px;
    display: block;	
}
.text-skupina-kdo {
    font-weight: 700;
    clear: both;
	font-size: 12px !important;
}
.text-skupina-kdy {
	color: #009C44 !important;
	clear: both;
	font-size: 12px !important;
}
.text-skupina-kde {
	color: #009C44 !important;
	clear: both;
	font-size: 12px !important;
}
.text-skupina-tlacitko {
	
}
.odkaz-vice-informaci {
	text-align: right;
	font-weight: 500 !important;
	text-decoration: none;
	color: #000;
	margin-right: 10px;
	margin-bottom: 10px;
}
.odkaz-vice-informaci:hover {
	text-align: right;
	color: var(--color-main);
}
hr {
	color: #BDBDBD;
}

/*detail rozkliknuteho skupinoveho textu*/
.detail-text {
	font-weight: 300;
}
.detail-text strong {
	font-weight: 700;
}
.produkt-cena {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
    background-color: rgba(212,0,3,1.00);
    color: #FFF;
    font-size: 19px;
     
}

/*vypis flexbox kontaktu z pluginu*/
.kontakt-card {
  height: 100%;
  margin: 3px;	
}
.kontakt-card:hover {
  -webkit-box-shadow: 0 0 10px 2px #ccc;
  box-shadow: 0 0 10px 2px #ccc;	
}
.kontakt-card-body {
  display: flex;
  flex-direction: column;
  background-color: rgba(255,255,255,1.00);	
}
.kontakt-card-text {
  flex-grow: 1;
  padding: 10px;
}
@media (max-width:767px) {
.kontakt-card-text {
  flex-grow: 1;
  padding: 10px;
  text-align: center;
}
}
.kontakt-card-text-upoutavaci {
  font-size: 14px !important;	
}
.kontakt-skupina-container {
	padding: 2px !important;
} 
.kontakt-card-skupina-nazev {
	margin-top: 5px;
	margin-bottom: 20px !important;
	font-size: 20px !important;
	color: #000 !important;
}
 
.kontakt-skupina-img {
    width: 100%;
    height:250px;
    background-size: cover;
    background-position: center 0%;
}
.kontakt-funkce {
    color: #077CBF;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 2px !important;
    display: block;	
}
.kontakt-telefon, .kontakt-mail, .kontakt-adresa, .kontakt-poznamka {
	color: #000;
	font-size: 14px;
	text-decoration: none !important;
	display: block;
}
.kontakt-poznamka {
	color: #ccc;
}
.kontakt-telefon::before  {
    content: url('../img/mobil.png'); /*url of image, nelze menit velikost ani odsazeni od textu! */
    color: #000;
    display: inline;
    margin-right: 5px; /* Přidá mezistupeň mezi ikonkou a textem */
}
.kontakt-mail::before  {
    content: "\f0e0"; /* Unicode ikonky z FontAwesome */
    font-family: "Font Awesome 6 Free";
    color: #000;
    display: inline;
    margin-right: 5px; /* Přidá mezistupeň mezi ikonkou a textem */
} 
.kontakt-skupina-tlacitko {
	
}


/*formátování náhledů zarovanné lightbox galerie 2020*/
/*pro galerii která je ve flex konteinerech a má jednotné šachovnicové zarovnání*/
/*funkce galerieStrankaMrizka($idText); */
.gallery {
  display: flex;
  flex-wrap:wrap;
  flex-direction: row; /*vedle sebe*/    
  gap:10px; /*mezera mezi bloky*/    
  justify-content:start; 
  width: 100%;
  padding: 0px;    
}
.gallery-item-container {
  width: 25%;
  min-width: 300px;    
  flex:auto;  /*pokud je zapnute, obrazky vyplni celou volnou plochu*/
  flex-shrink:0; /*položka se nesmršťuje*/   
  position: relative; 
  overflow: hidden;
  
}    
.gallery-item {
  background-color: #ccc;
  overflow: hidden;  
  background-size: cover;
  background-position: center;
  transition: all .5s;
  /*filter:grayscale(100%); /*vychozi stav obrazku cernobila */
}
.gallery-item::before  {
    content: "";
    display: block;
    padding-top: 50%; /* Poměr stran 1:1 kdyz je hodnota 100% */
}  
@media (max-width:768px) {
  .gallery {
    flex-direction: column; /*na mobilu pod sebe*/
  }
  .gallery-item, .gallery-item-container {
    width: 100%; 
    overflow: hidden;      
  }
}    
/*klikaci plocha prekryva cely container*/    
.gallery-item-img-a {
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
    overflow: hidden;      
} 

/*formatovani strankovani pro vypis skupin textu*/
.strankovani-moje {
    display: inline-block !important;
    list-style-type: none;  
    width: 100%;
}
.strankovani-moje li{
    list-style-type: none;    
 
}
.strankovani-moje a {
    color: #000 !important; /*nevybrana*/
    float: left !important;
    padding: 8px 16px;
    text-decoration: none;
    background-color: #FFF;
    margin-left: 1px;
   
}
.strankovani-moje a.active,  .strankovani-moje li.active {
    background-color: #000 !important; /*vybrana*/
    color: white !important;
  
}
.strankovani-moje a:hover:not(.active) {
    background-color: #DEDEDE !important; /*po najeti mysi*/
    
} 

/*vypis simple skupiny textu*/
.container-text-skupina-simple {
    padding: 5px;
    margin: 0px;
    /* border-bottom: 1px solid rgba(207,207,207,1.00); */
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    line-height: 18px;
    background-color: transparent;
}
.container-text-skupina-simple:hover {
    transition-duration: 0.5s;
    transition-delay: 0.1s;
    background-color: rgba(179,158,148,1.00);
}
.text-skupina-simple-title {
	font-size: 17px !important;
	color: var(--color-skupinovy-text-simple-titulek) !important;
	text-decoration: none;
}
.text-skupina-simple-datum {
	color: var(--color-skupinovy-text-simple-kalendar) !important;
	font-size: 12px;
	font-weight: 700;
}
.text-skupina-simple-datum::before  {
    content: "\f073"; /* Unicode ikonky kalendáře z FontAwesome */
    font-family: "Font Awesome 5 Free";
	color: var(--color-skupinovy-text-simple-kalendar) !important;
    display: inline;
    margin-right: 5px; /* Přidá mezistupeň mezi ikonkou a textem */
}
.text-skupina-simple-upoutavaci-text {
    font-size: 14px;
    color: var(--color-skupinovy-text-simple-text) !important;
    font-weight: 400;
}

/*jaralax banner*/
.jaralax-text-container {  
    width: 100%;  
    height: 100%; /* Ensures the container takes up the full height of the parent */  
    left: 50%;  
    top: 50%;  
    position: absolute;  
    transform: translate(-50%, -50%); /* Centers the element */  
    color: #FFF;  
    font-size: 40px;  
    display: flex; /* Use flexbox for easy centering */  
    flex-direction: column; /* Stacks children vertically */  
    align-items: center; /* Centers horizontally */  
    justify-content: center; /* Centers vertically */  
}
.jaralax-text-container p {
    display: block !important;	
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
}

/*full screen obrazky + parallax fullscreen*/
.fullscreen-img-container {
    min-height: 100vh !important;
    height: 100vh !important;
    position: relative;
    clear: both;
    display: flex;
    align-items: center; /*centrovano vertikalne*/
    justify-content: center; /*centrovano na stred*/
    background-size: cover;
    background-repeat: no-repeat;
}
.fullscreen-img-text {
	 font-size: 40px;
}

 /*expand flexbox blok*/
    .container-expand-flexbox {
        display: flex;
        /*height: 100%;*/
    }
    .container-expand-flexbox-reverse {
		flex-direction: row-reverse; /* Změna směru flexboxu */
    }	
    .expand-flexbox-left, .expand-flexbox-right {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
		min-height: 450px;
    }
@media (max-width: 768px) {
    .expand-flexbox-left, .expand-flexbox-right {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
		min-height: 300px;
    }
}
    .expand-flexbox-left {
        position: relative;
        overflow: hidden;
    }
    .expand-flexbox-left:hover img {
        /*transform: scale(1.1) rotate(2deg);*/
    }
    .expand-flexbox-left img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }
    .expand-flexbox-right {
        background-color:  var(--color-obsah-container-kontakty);	 /*pozadi textoveho bloku*/
    }
    .expand-flexbox-text {
        /*text-align: center;*/
        width: 80%;
		padding-top: 20px;
		padding-bottom: 20px;
    }
    @media (max-width: 768px) {
		.mobile-hide {
			display: none !important;
		}
        .container-expand-flexbox {
            flex-direction: column;
        }
        .expand-flexbox-left, .expand-flexbox-right {
            flex: none;
            width: 100%;
			margin-top: 10px;
        }
       .expand-flexbox-text {
          width: 95%;
       }		
    }
/*drobeckova navigace*/
.breadcrumb-container {
	margin-left: 200px;
	position: relative;
color: #B4B4B4;	
}
.breadcrumb {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 20px 0;
    border-radius: 0.25rem;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item a {
    text-decoration: none;
	font-size: 11px;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

/*.breadcrumb-item + .breadcrumb-item {
    margin-left: 0.5rem;
}

.breadcrumb-item .fas.fa-slash {
    margin: 0 0.5rem;
    color: #6c757d;
}*/

.breadcrumb-item.active {
    color: #6c757d;
}

/*lokalni podmenu do stranek*/
.podmenu-stranka-container {
	width: 100%;
	padding: 5px;
	background-color: #f8f8f8;
	position: relative;
}
.podmenu-stranka-item {
    padding: 10px;
    width: 100%;
    border-left: 0px solid #E1E1E1;
    border-right: 0px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    border-top: 0px solid #E1E1E1;
	cursor: pointer;
	color: #3C51BA;
	font-weight: 500;
}
.podmenu-stranka-item-ikona {
    width: 30px;
    height: 30px;
	float: left;
    background-image: url("../img/odrazka-menu.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.podmenu-stranka-item:hover {
	background-color: #89E400;
}
.podmenu-stranka-item-aktivni {
	background-color: #7ED100;
}

/*tabulka dokumentu ke stazeni*/
.dokumenty-tabulka {
	
}
.dokumenty-tabulka td, .table td {
  vertical-align: middle !important;	
  border: none;
}
.dokumenty-tabulka-obrazek-nahledu {
	display: none;
}
.dokumenty-tabulka-popis h2 {
	font-size: 15px !important;
	font-weight: 500;
	margin: 0px !important;
}
.dokumenty-tabulka th, .table th {
    border-bottom: 2px solid #000000 !important;
}
.table td { 
	border-bottom: 1px solid #000000 !important;
}
.dokumenty-tabulka-popis{
    font-size: 12px;
    font-weight: 300;
    border-bottom: 1px solid #000000 !important;
}
.dokumenty-tabulka-ikona {
    min-width: 100px;
    text-align: left !important;
    background-color: #E7E7E7;
    border-bottom: 1px solid #000000 !important;
}
.dokumenty-tabulka-ikona::before {
	font-size: 20px;
    /*content: url('fontawesome-6/svgs/solid/mobile-screen-button.svg'); /* Unicode ikonky z FontAwesome */
	/*content: "t:"; /* Unicode ikonky z FontAwesome */
    content: "\f56d"; /* Unicode ikonky z FontAwesome */
    font-family: "Font Awesome 5 Free";
    color: #000 !important;
	font-weight: 700;
    display: inline;
    margin-left: 25px; /* Přidá mezistupeň mezi ikonkou a textem */
	font-size: 25px !important;	
}
.dokumenty-tabulka-typ-souboru {
	font-weight: 700;
	margin: 5px;
}


/*bootstrap5 standardni menu*/
/* Výška navigačního panelu */
.navbar {
    height: 70px;
}

/* Základní styl pro odkazy v navigaci */
.navbar-nav .nav-link {
    color: black !important; /* Barva textu položek menu */
    position: relative; /* Pro možnost umístění podtržení */
}

/* Odstranění ohraničení tlačítka pro mobilní menu */
.navbar-toggler {
    border: none;
    padding: 0;
}

/* Odstranění stínu při zaměření na tlačítko mobilního menu */
.navbar-toggler:focus {
    box-shadow: none;
}

/* Velikost ikon pro otevření/zavření mobilního menu */
.navbar-toggler .fa-bars,
.navbar-toggler .fa-xmark {
    font-size: 24px;
}

/* Skrytí ikony křížku ve výchozím stavu */
.navbar-toggler .fa-xmark {
    display: none;
}

/* Zobrazení ikony menu (tři čárky) ve složeném stavu */
.navbar-toggler.collapsed .fa-bars {
    display: inline-block;
}

/* Skrytí ikony křížku ve složeném stavu */
.navbar-toggler.collapsed .fa-xmark {
    display: none;
}

/* Skrytí ikony menu (tři čárky) v rozloženém stavu */
.navbar-toggler:not(.collapsed) .fa-bars {
    display: none;
}

/* Zobrazení ikony křížku v rozloženém stavu */
.navbar-toggler:not(.collapsed) .fa-xmark {
    display: inline-block;
}

/* Odstranění výchozí šipky u rozbalovacího menu */
.dropdown-toggle::after {
    display: none;
}

/* Styl pro vlastní šipku u rozbalovacího menu */
.dropdown-toggle .fa-chevron-down {
    margin-left: 5px; /* Odsazení šipky od textu */
    font-size: 0.8em; /* Velikost šipky */
    transition: transform 0.3s ease-in-out; /* Plynulá animace otáčení */
}

/* Styly pro desktop (šířka obrazovky 992px a více) */
@media (min-width: 992px) {
    /* Zarovnání menu položek vpravo */
    .navbar-nav {
        margin-left: auto;
    }

    /* Horizontální mezery mezi položkami menu */
    .navbar-nav .nav-item {
        margin-left: 10px;
        margin-right: 10px;
    }

    /* Vytvoření podtržení pod položkami menu při najetí myší */
    .navbar-nav .nav-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #0B3373; /* Barva podtržení */
        transition: width 0.3s ease-in-out; /* Animace podtržení */
    }

    /* Zobrazení podtržení při najetí myší nebo pro aktivní položku */
    .navbar-nav .nav-link:hover::after,
    .navbar-nav .nav-item.active .nav-link::after {
        width: 100%;
    }

    /* Zobrazení rozbalovacího menu při najetí myší */
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    /* Otočení šipky při rozbalení menu */
    .dropdown:hover .fa-chevron-down {
        transform: rotate(180deg);
    }

    /* Styl rozbalovacího menu */
    .dropdown-menu {
        border: none;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Stín pod menu */
    }

    /* Zvýraznění položky v rozbalovacím menu při najetí myší */
    .dropdown-item:hover {
        background-color: #f8f8f8;
    }
}

/* Styly pro mobilní zařízení (šířka obrazovky méně než 992px) */
@media (max-width: 991.98px) {
    .navbar-nav .nav-link {
        color: #FFF !important; /* Barva textu položek menu */
    }	
    /* Šířka vysouvacího menu na celou obrazovku a nastavení barvy pozadí s průhledností */
    .offcanvas {
    width: 100%;
    background-color: rgba(0,31,83,0.92); /* Barva #eef1f6 s 80% neprůhledností */
    }

    /* Odsazení obsahu vysouvacího menu od horního okraje */
    .offcanvas-body {
        padding-top: 1rem;
    }

    /* Zarovnání textu menu na střed */
    .navbar-nav {
        text-align: center;
    }

    /* Styl položek menu na mobilních zařízeních */
    .navbar-nav .nav-link {
        font-size: 100%; /* Zvětšení písma */
        padding: 15px 0; /* Vertikální odsazení */
    }

    /* Zvýraznění položek menu při aktivaci nebo najetí */
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:active,
    .navbar-nav .nav-item.active .nav-link,
    .dropdown-item:hover,
    .dropdown-item:active {
        background-color: rgba(238, 241, 246, 1); /* Plná barva #eef1f6 při zvýraznění */
		color: #000 !important; /* Barva textu položek menu hover */
    }

    /* Styl rozbalovacího menu na mobilních zařízeních */
    .dropdown-menu {
        border: none;
        background-color: transparent;
        text-align: center;
    }

    /* Styl položek v rozbalovacím menu */
    .dropdown-item {
        padding: 10px 0;
    }

    /* Otočení šipky při rozbalení menu na mobilních zařízeních */
    .dropdown-toggle[aria-expanded="true"] .fa-chevron-down {
        transform: rotate(180deg);
    }
    /* Nastavení barvy křížku na bílou */
    .btn-close {
        color: white;
        filter: invert(1) grayscale(100%) brightness(200%);
    }	
}
/*end bootstrap5 standardni menu*/


/*flexbox pro kontakty, slouží na zobrazení kontaktů v mřížce*/
.kontakt-radek {
    display: block;
    padding: 0px;
    width: 100%;
    /*border-bottom: 1px solid rgba(243,243,243,1.00);*/
}
.kontakt-radek i {
    color: #373F42; /* Barva ikony */
}
.flexbox-kontakty-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
    margin-bottom: 0px;
}


.flexbox-kontakty-item {
    /*align-items: flex-start; /* Zarovnání k hornímu okraji */
    /*justify-content: flex-start; /* Zarovnání obsahu k hornímu okraji */	
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 10px;
    text-align: center !important;
    text-decoration: none;
    transition: all 0.3s ease;
    color: #000 !important;
    /* border: 1px solid rgba(211,211,211,1.00); */
}

.flexbox-kontakty-item:hover {
    /*background-color: #FFF;*/
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
} 

.flexbox-kontakty-icon {
    font-size: 2em;
    margin-bottom: 10px;
}

.flexbox-kontakty-item h2 {
    margin: 0;
    padding: 0;
    font-size: 22px !important;
	margin-bottom: 15px !important;
}

.flexbox-kontakty-container h2 {
    color: #000 !important;
}

@media (max-width: 768px) {
    .flexbox-kontakty-item {
        flex-basis: 100%;
    }
}

/*tlacitka jazyku v hlavicce stranky*/
/*obal tlacitek jazyku do menu nebo kamkoliv do hlavicky*/
/*<div id="translate-buttons"></div>*/
#translate-buttons {
    position: relative;
    top: 0px;
    right: 10px;
    z-index: 9999;
    /*display: flex;*/
    flex-wrap: wrap;
    /*max-width: 300px;*/
    justify-content: flex-end;
}
.translate-button {
    margin: 2px;
}
.translate-button.btn-primary,
.translate-button.btn-primary:hover,
.translate-button.btn-primary:focus,
.translate-button.btn-primary:active {
    background-color: var(--color-main) !important;
    border-color: var(--color-main) !important;
    color: #fff !important;
}
.translate-button.btn-outline-primary,
.translate-button.btn-outline-primary:hover,
.translate-button.btn-outline-primary:focus,
.translate-button.btn-outline-primary:active {
    background-color: transparent !important;
    border-color: var(--color-main) !important;
    color: var(--color-main) !important;
}
.translate-button.btn-outline-primary:hover {
    background-color: var(--color-main) !important;
    color: #fff !important;
}
#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(255, 255, 255, 0.7); pozadi indikatoru nacitani*/
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*indikator nacitani stranky*/
.fa-spinner {
    font-size: 3rem;
    color: var(--color-main);
	opacity: 0.6;
    animation: spin 1s linear infinite;
}
body {
    /*  visibility: hidden; pred prekladem skryje obsah body, ale neni to uplne ono*/
}
/*end tlacitka jazyku v hlavicce stranky*/


/*informacni prouzek na uvodni strane*/
.marquee-with-options {
    width: 100%;
    margin: auto;
    overflow: hidden;
    font-size: 15px !important;
    padding: 5px;
    color: #FFF;
    background-color: var(--color-main);
    max-height: 25px; /*40px*/
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
}

.container-marquee {
	margin-top: 5px;
    background-color: var(--color-main);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
}
.breadcrumb-item {
	font-size: 13px !important;
}

/*EXPAND GALERIE*/
.galerie-sekce {
    width: 100%;
}

.galerie-nadpis {
    font-size: 1.25rem;
    margin: 15px 0;
    padding: 10px;
    /* background: #f8f9fa;  Záměrně zakomentováno, aby se dalo snadno přizpůsobit */
    border-left: 3px solid #e8d84b; /* Barvu lze upravit */
    border-radius: 3px;
    color: #dacaca; /* Barvu lze upravit */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.galerie-nadpis i {
    transition: transform 0.3s ease;
}

.galerie-container {
    display: flex;
    flex-wrap: wrap; /* Povoluje zalomení řádků */
    gap: 5px; /* Menší mezery mezi obrázky */
    margin-top: 10px;
    justify-content: flex-start; /* Zarovnání k levému okraji */
}

.galerie-container.collapsed {
    display: none;
}

.galerie-item {
    flex-grow: 0;          /* Zabrání roztahování */
    flex-shrink: 0;        /* Zabrání zmenšování pod flex-basis */
    flex-basis: 100px;     /* Nastaví pevnou šířku (a výšku díky pseudo-elementu) */
    max-width: 100px;     /* Maximální šířka */
    max-height: 100px;    /* Maximální výška */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

/* Důležité pro čtvercový tvar */
.galerie-item:before {
    content: "";
    display: block;
    padding-top: 100%; /* Poměr stran 1:1 (čtverec) */
}


.img-galerie {
    /* Absolutní pozice uvnitř relativně pozicovaného rodiče */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Obrázek se ořízne, aby vyplnil čtverec */
    border-radius: 5px;
    transition: transform 0.3s ease;
}
  .galerie-item video {
    /* Absolutní pozice uvnitř relativně pozicovaného rodiče */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* video se ořízne, aby vyplnil čtverec */
    border-radius: 5px;

}

.img-galerie:hover,  .galerie-item video:hover{
    transform: scale(1.1);
}


/* Rotátor recenzí */
.recenze-rotator {
    position: relative;
    display: flex;
    align-items: center;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    padding: 30px 15px;
    margin-bottom: 20px;
}

.recenze-wrapper {
    position: relative;
    flex: 1;
    overflow: hidden;
}

.recenze-items {
    position: relative;
    min-height: 250px; /*minimalni vyska objektu*/
}

.recenze-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    padding: 0 20px;
}

.recenze-item.aktivni {
    opacity: 1;
    z-index: 1;
}
.recenze-nazev {
    font-size: 1.5rem;
}
.recenze-text {
    position: relative;
    font-size: 1.1rem;
    line-height: 1.7;
    color: #555;
    margin-bottom: 30px;
    margin-top: 30px;
    font-style: italic;
}

.quote-icon {
    font-size: 2rem;
    color: #ddd;
    position: absolute;
    top: -20px;
    left: -5px;
}

.recenze-autor {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.recenze-jmeno {
    font-weight: 600;
    font-size: 1.1rem;
    color: #333;
}

.recenze-misto {
    font-size: 0.9rem;
    color: #777;
    margin-top: 5px;
}

.recenze-sipka-vlevo,
.recenze-sipka-vpravo {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    z-index: 2;
}

.recenze-sipka-vlevo:hover,
.recenze-sipka-vpravo:hover {
    background-color: #007bff;
    color: white;
    transform: scale(1.1);
}

.recenze-indikatory {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.recenze-indikator {
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.recenze-indikator.aktivni {
    background-color: #007bff;
    transform: scale(1.2);
}

@media (max-width: 768px) {
    .recenze-text {
        font-size: 1rem;
    }

    .recenze-sipka-vlevo,
    .recenze-sipka-vpravo {
        width: 35px;
        height: 35px;
    }
}
/*end rotátor recenzí*/

/*pulzující sipka*/
.scroll-arrow-container {  
    position: absolute;  
    bottom:420px;  
    left: 50%;  
    transform: translateX(-50%);  
    width: 60px;  
    height: 60px;  
    cursor: pointer;  
    z-index: 999;
}  

.circle {  
    position: absolute;  
    width: 100%;  
    height: 100%;  
    border: 4px solid rgba(255, 255, 255, 0.5);  
    border-radius: 50% !important;  
    animation: pulse-border 2s infinite;  
}  

.arrow {  
    position: absolute;  
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%);  
    color: white;  
    font-size: 24px;  
    animation: arrow-bounce 2s infinite;  
}  

@keyframes pulse-border {  
    0% {  
        transform: scale(1);  
        opacity: 1;  
    }  
    50% {  
        transform: scale(1.2);  
        opacity: 0.5;  
    }  
    100% {  
        transform: scale(1);  
        opacity: 1;  
    }  
}  

@keyframes arrow-bounce {  
    0%, 100% {  
        transform: translate(-50%, -50%);  
    }  
    50% {  
        transform: translate(-50%, -30%);  
    }  
} 

/*moje moderni animovane zahlavi*/
.moderniZahlavi {  
    position: relative;  
    width: 100%;  
    overflow: hidden;  
    display: flex;  
    align-items: center;  
    justify-content: center;
    border-radius: 0 !important; 

    /* Výchozí výška pro desktop - lze přizpůsobit */  
    height: 200px;  

    /* Záložní metoda pro pozadí (pro případ problémů s img tagem) */  
    background-position: center center;  
    background-size: cover;  
    background-repeat: no-repeat;  
}  

/* Responzivní výška pro mobily */  
@media (max-width: 768px) {  
    .moderniZahlavi {  
        height: 300px; /* Výška pro mobilní zařízení */  
    }  
}  

/* Stylování obsahu záhlaví */  
.obsahZahlavi {  
    position: relative;  
    z-index: 2;  
    padding: 2rem;  
    text-align: center;  /* Pro zarovnání na střed */  
    /* Další možnosti zarovnání:  
    text-align: left;    /* Pro zarovnání vlevo */  
    /* text-align: right;   /* Pro zarovnání vpravo */  
}  
.obsahZahlavi img {
  border-radius: 0 !important;    
}

/* Stylování názvu stránky */  
.nazevStranky {  
    font-size: 3rem;  
    font-weight: bold;  
    margin-bottom: 1rem;  
    color: #FFF !important; /* Explicitně nastaveno na bílou */  
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);  
    /* Výchozí stav pro animaci */  
    opacity: 0;  
    transform: scale(0.8);  
    /* Nastavení pro CSS transition */  
    transition: all 1.2s ease;  
}  

/* Stylování doplňkového textu */  
.doplnkovyText {  
    font-size: 1.5rem;  
    color: #FFF !important;   
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);  
    /* Výchozí stav pro animaci */  
    opacity: 0;  
    /* Nastavení pro CSS transition */  
    transition: opacity 1.5s ease;  
}  

/* Třídy pro aktivované stavy */  
.nazevStranky.aktivni {  
    opacity: 1;  
    transform: scale(1);  
}  

.doplnkovyText.aktivni {  
    opacity: 1;  
}  

/* Zajištění hranatých rohů pro pozadí */  
.pozadiZahlavi {  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
    /* Následující vlastnosti zajistí, že obrázek vždy vyplní celé pozadí a bude centrovaný */  
    object-fit: cover; /* Obrázek vyplní celou plochu a zachová poměr stran */  
    object-position: center center; /* Obrázek bude centrovaný vertikálně i horizontálně */  
    z-index: 1;  
    /* Zajištění hranatých rohů */  
    border-radius: 0 !important;  
}  

/* Tmavý překryv pro lepší čitelnost textu */  
.tmavyPrekryv {  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
    background-color: rgba(0, 0, 0, 0.4);  
    z-index: 1;  
    border-radius: 0 !important; 
} 

/*overlay prekryv pro bootstrap slider pro lepsi cistelnost textu*/
.slider-overlay {  
    /* Absolutní pozicování vzhledem k nadřazenému prvku */  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    
    /* Rozměry */  
    width: 100%;  
    height: 50%; /* Výška 50% containeru */  
    
    /* Gradient přechodu z černé do průhledné */  
    background: linear-gradient(  
        to top,  
        rgba(0, 0, 0, 0.8) 0%,    /* Tmavá barva dole (80% neprůhlednost) */  
        rgba(0, 0, 0, 0.6) 20%,   /* Postupný přechod */  
        rgba(0, 0, 0, 0.4) 40%,   /* Postupný přechod */  
        rgba(0, 0, 0, 0.2) 70%,   /* Postupný přechod */  
        rgba(0, 0, 0, 0) 100%     /* Plně průhledná nahoře */  
    );  
    
    /* Zajištění, aby overlay byl nad obrázkem, ale pod textem */  
    z-index: 1;  
    
    /* Pro plynulejší animace a změny */  
    transition: opacity 0.3s ease;  
    
    /* Zajištění, že pointer-events budou procházet skrz overlay */  
    pointer-events: none;  
}