body, html {height: 100%;font-family: Bahnschrift, calibri;margin:0;font-size:1.1em;color: #353535;}
#all { background: #dedede;padding-bottom: 5%;}
h3 {font-size: 1.2em;font-variant:  all-petite-caps; letter-spacing: 0px; ;/*! padding: 25px 0px 25px 0px; */margin: 1px;}

ul {
  list-style: none;
  padding-left: 0; 
}


a {color:#134487;}
 


.dual-border-line {
  height: 0;
  border-bottom: 5px solid #134487;    /* Horní barva (tmavá) */
  border-top: 4px solid #e30d13; /* Spodní barva (světlá) */
 
}
.mod-articles-category-header {
  display: flex;
  align-items: center;  
  gap:20px; 
}

.mod-articles-category-date-icon i {
  font-size: 2rem;
  color: #2d2c2c;
}

.mod-articles-category-date-text {
  font-size: 0.95rem;
  color: #2d2c2c;
}

.mod-articles-category-title a {
  font-weight: bold;
  color: #134487;
  text-decoration: none;
}


 

.mod-articles-category-introtext {font-weight: 200; line-height: 1.4em}







.topbar {
  background-color: #134487;
  height: auto;
  color: white;
  width: 100%;
  font-size: 1em;
}

.topbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.topbar-left {
  line-height: 20px;
  color: white;
}

.topbar-right {
  display: flex;
  align-items: first baseline;
  height: 100%;
  position: relative;
  z-index: 9;
} 






































@media (min-width: 1400px) {


.nazev {font-size:1em;text-transform: uppercase;color: #134487;font-kerning: inherit; letter-spacing: -3px; width:50px;padding-top: 30px;}


#slider {
  background: url('../images/slider.jpg') no-repeat left center;
  background-size: cover;
   display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  color: white;
}
.slider-text {
  background: rgba(0, 0, 0, 0.3); /*! *\/ /\* tmavý poloprůhledný podklad *\/
  padding: 20px 40px; */
  font-size: 2.5em;
  font-weight: lighter;
  border-radius: 10px;
  height: 100%;
  width: 100%;
  text-align: center;
  align-content: center;
    
  /*! height: 400px; */
}

#mod-custom113 { 
  padding: 20px 40px;  
  height: 400px;
  width: 100%;
  text-align: center;
  align-content: center;
}


.flex-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
	width: 500px;
}

.flex-header .logomod {
  flex-shrink: 0;
  width: 300px; /* můžeš upravit dle potřeby */
}

.flex-header .nazev {
  font-size: 2.7em;
  /*! font-weight: bold; */
  text-align: right;
  flex-grow: 1;
}




/*** Container ***/
.container {width:1000px; margin:0 auto;padding:0px 0px 0px 0px;}

	 
 }
  
 





@media (min-width:1099px) and (max-width: 1199px){
+.menu {letter-spacing: -0.05em}	
}











 /***********  Tablet ***/




@media (min-width: 1000px) and (max-width: 1399px){
	
#slider {
  background: url('../images/slider.jpg') no-repeat left center;
  background-size: cover;
  /*! height: 400px; */ /* nastav podle potřeby */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  color: white;
}
.slider-text {
  background: rgba(0, 0, 0, 0.3); /*! *\/ /\* tmavý poloprůhledný podklad *\/
  padding: 20px 40px; */
  font-size: 2.5em;
  font-weight: lighter;
  border-radius: 10px;
  height: 100%;
  width: 100%;
  text-align: center;
  align-content: center;
    
  /*! height: 400px; */
}

#mod-custom113 { 
  padding: 20px 40px;  
  height: 400px;
  width: 100%;
  text-align: center;
  align-content: center;
}

.flex-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
	width: 500px;
}

.flex-header .logomod {
  flex-shrink: 0;
  width: 300px; /* můžeš upravit dle potřeby */
}

.flex-header .nazev {
  font-size: 2.7em;
  /*! font-weight: bold; */
  text-align: right;
  flex-grow: 1;
}



/*** Container ***/
.container {width:960px; margin:0 auto;padding:7px 0px 0px 0px;}

	
	
		.vyhledavani {  width: 20.5%;} 
 
}

 













@media (min-width: 600px) and (max-width: 999px){

#slider {
  background: url('../images/slider.jpg') no-repeat left center;
  background-size: cover;
  /*! height: 400px; */ /* nastav podle potřeby */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  color: white;
}

.slider-text {
  background: rgba(0, 0, 0, 0.3); /*! *\/ /\* tmavý poloprůhledný podklad *\/
  padding: 20px 40px; */
  font-size: 2.5em;
  font-weight: lighter;
  border-radius: 10px;
  height: 100%;
  width: 100%;
  text-align: center;
  align-content: center;
    
  /*! height: 400px; */
}

#mod-custom113 { 
  padding: 20px 40px;  
  height: 400px;
  width: 100%;
  text-align: center;
  align-content: center;
}



.flex-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
	width: 500px;
}

.flex-header .logomod {
  flex-shrink: 0;
  width: 200px; /* můžeš upravit dle potřeby */
}

.flex-header .nazev {
  font-size: 1.32em;
  /*! font-weight: bold; */
  text-align: right;
  flex-grow: 1;
}


	.container {width:90%; margin:0 auto;/*! padding:0px; */}
 



}










 










@media (max-width: 599px){

 	.container {width:90%; margin:0 auto;/*! padding:0px; */}

#slider {
  background: url('../images/slider.jpg') no-repeat left center;
  background-size: cover;
  /*! height: 400px; */ /* nastav podle potřeby */
  display: flex;
    width: 100%;

  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  color: white;
}

.slider-text {
  background: rgba(0, 0, 0, 0.3); /*! *\/ /\* tmavý poloprůhledný podklad *\/
  padding: 20px 40px; */
  font-size: 2.5em;
  font-weight: lighter;
  border-radius: 10px;
  height: 100%;
  width: 100%;
  text-align: center;
  align-content: center;
    
  /*! height: 400px; */
}

#mod-custom113 { 
  padding: 10% 0px;  
  height: 400px;
  width: 100%;
  text-align: center;
  align-content: center;
}


.flex-header {
  display: contents;
  /*! align-items: center; */
  /*! justify-content: space-between; */
  /*! gap: 20px; */
	/*! width: 100%; */
}

.flex-header .logomod {
  flex-shrink: 0;
  width: 200px; /* můžeš upravit dle potřeby */
  margin: 0 auto;
}

.flex-header .nazev {
  font-size: 1.5em;
  /*! font-weight: bold; */
  text-align: center;
  flex-grow: 1;
  width: 100%;
}


  .nazev {font-size:1em;text-transform: uppercase;color: #134487;font-kerning: inherit; /*! letter-spacing: -3px; */ width:50px;/*! padding-top: 30px; */}

     
}