/****************************************
  1) RESET A NASTAVENÍ BOX-MODELU
*****************************************/
html {
  box-sizing: border-box;
  /* Pro lepší čitelnost písma */
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

*, *::before, *::after {
/*  box-sizing: inherit;*/
  margin: 0;
  padding: 0;
}

/****************************************
  2) ZÁKLADNÍ NASTAVENÍ PRO TĚLO STRÁNKY
*****************************************/
body {
  font-family: "Lexend", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.5;
  color: #111;             /* Základní barva textu */
  background-color: #fff;  /* Výchozí barva pozadí */
  margin: 0;
  padding: 0;
 /*
  background-image: url('vecteezy_abstract-dark-background-with-line-grid-gradient-color_13755473.jpg');
  background-size: 100% auto; /* obrázek se roztáhne na celou šířku, výška se přizpůsobí 
  background-repeat: repeat-y; /* opakuje se pouze vertikálně 
  background-attachment: fixed;*/

    position: relative;
    min-height: 100vh;
    overflow-x: hidden;

    /*
    background-image: url( 'pozadi.svg' );
      background-size: 2200px 1150px;
      background-position: bottom center, 50%, 50%;/*
}
*/

}
 
.netteFormsModal::backdrop {
  background-color: rgba(0, 0, 0, 0.6); /* 60% černá */
}

/* Nebo třeba s lehkým rozostřením */
.netteFormsModal::backdrop {
  background-color: rgba(0, 0, 0, 0.25);
 /* backdrop-filter: blur(1px);*/
}

.netteFormsModal {
  border-radius: 10px; 
 /* backdrop-filter: blur(1px);*/
}

header {
    top: 0;
    width: 100%;
 /*   background-color: #fff; /*#e0ebf7  #144680*/
 /*   background-color: #ffffff; */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between; 
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px 0 rgba(170, 170, 170, 0.36);

     z-index: 100;
   /* backdrop-filter: blur(10px);*/
}

@media  (min-width: 600px){
  header.shrink {
      padding: 12px 13px 0px 0;
  }

  header {
    position: fixed;
    }

  .prvnimezera {
    padding-top: 95px; 
  }
}

.center {
  text-align: center;
}

.blue {
  color: #054b9b;
}

.red {
  color: #e22c2c;
}

.small {
  font-size: 16px;
}

.mezera10 {
  height: 10px;
}

.mezera15 {
  height: 15px;
}
 
.mezera20 {
  height: 20px;
}

.mezera25 {
  height: 25px;
}

.mezera55 {
  height: 55px;
}
 
.section {
  margin: 0;
  padding: 0;
  /* *zoom: 1; */ /* pro starý IE, pokud potřebujete */
} 

.section h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 200;
  text-align: center; 
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0px;
}


.section:before,
.section:after {
  content: "";    /* prázdný řetězec = žádná výška */
  display: table; 
  clear: both;
}
.section {
  position: relative; /* pokud opravdu potřebujete positioning */
  margin: 0;
  padding: 0;
}

.section::after {
  content: "";
  display: block;
  clear: both;
}

.wave-top{ 
  display: flex;
  justify-content: center; /* nebo space-between apod. */
  align-items: center; 
}

.wave-top svg{ 
  position: relative;
  top: 1px;
  fill: #6bb6ff;
}

.wave-after{ 
  display: flex;
  justify-content: center; /* nebo space-between apod. */
  align-items: center; 
}

.wave-after svg{ 
  position: relative;
  top: -1px;
  fill: #872657;
}


.zero{
  background: #fff;
}
.one{
  background: #6bb6ff;
  display: flex;
  justify-content: center; /* nebo space-between apod. */
  align-items: center; 
}
 

.one svg { 
  padding-left: 20px;
  padding-right: 20px;
  width: 100px;
  height: 100px;
  display: block; 
}
 
 /*

/****************************************
  3) TYPOGRAFIE
*****************************************/
/* Nadpisy */
h1, h2, h3, h4, h5, h6 {  
  text-decoration: none;
}

h1 {
  font-family: "Founders";
  width: auto;
  font-size: 50px;
  color: #fff;  
  margin-top: 17px;
}

h1 a{ 
  font-weight: 900;   
  text-align: center; 
}

h1 a:hover{
  text-decoration: none;  
  color: #194b8a;
}

h2 {
  position: relative; 
  top: -5px;
  left: 3px;  ;
  margin-bottom: -27px;
}
 
h2 a{  
  font-size: 20px;
  padding-top: 50px;
}

h2 a:hover{
  text-decoration: none;  
  color: #194b8a;
}

h3 { 
  color: #1a619f;
  font-size: 30px;
}
 

@media (min-width: 625px) {

  h1 {
    font-family: "Founders";
    width: 500px;
    font-size: 48px;
    color: #fff;  
    margin-top: 14px;
  }

  h1 a{ 
    font-weight: 900; 
      font-size: 50px; 
    padding-left: 70px;
    text-align: center;  
  }

  h1 a:hover{
    text-decoration: none;  
    color: #194b8a;
  }

 
  h2 {
    position: relative; 
    top: -15px;
    left: -30px;  ;
    margin-bottom: -27px;
  }
   
  h2 a{  
    font-size: 20px;
    padding-left: 102px;
    padding-top: 50px;
  }

  h2 a:hover{
    text-decoration: none;  
    color: #07579d;
  } 



}
 
@media (max-width: 625px){

  h2 {
    display: none !important;
  }   

}

@media (max-width: 500px) {


  h1 {  
    margin-top: 10px;
  }  

  h1 a {
    font-family: "Founders";
    width: auto;
    font-size: 37px; 
    margin-top: 0px;
  }

  h1 {
    padding-top: 4px;
  }

  h1, h2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  h2 {
    display: none !important;
  }    
}
 

h4 {
  font-size: 25px;
  color: #194b8a;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 15px;
}

/* Odstavce */
p {
  margin-bottom: 1rem;
}

/* Seznamy */
ul, ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}
li {
  margin-bottom: 0.5rem;
}

/****************************************
  4) ODKAZY A TLAČÍTKA
*****************************************/
a {
  text-decoration: none;
   color: #07579d; 
}

a:hover {
  text-decoration: none;
  color: #0d70c8; 
}


@media (min-width: 704px) {
  a:hover {
    text-decoration: underline;
    color: #0d70c8; 
  }
}
 

/* Základní styl tlačítek */
button,
input[type="button"],
input[type="submit"] {
  background-color: #1771bf;
  color: #fff; 
  border: 3px solid #1771bf;
  border-radius: 6px;
  padding: 0.6rem 1rem;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  font-family: "Lexend", Arial, sans-serif;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #049ddd; 
  border: 3px solid #1771bf;
}

button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
  border: 3px solid #049ddd !important;
}

/****************************************
  5) FORMULÁŘE
*****************************************/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {

  font-family: "Lexend", Arial, sans-serif;
  font-size: 19px;

   /* padding-top: 12px;
    padding-bottom: 10px;*/
    padding-left: 10px; /* Rezerva pro ikonu vlevo */
    padding-right: 10px; /* Rezerva pro ikonu oka vpravo (pouze u hesla) */
    margin: 0px;
}


 /* width: 100%;
  padding: 0.5rem; 
  border: 1px solid #ccc;
  border-radius: 4px;
  font: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}*/

/****************************************
  6) UTILITY TŘÍDY
*****************************************/
/* Kontejner se středovou šířkou */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Rychlé okrajové třídy */
.mt-1 { margin-top: 10px !important; }
.mb-1 { margin-bottom: 1rem !important; }
.mt-2 { margin-top: 2rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
/* atd... */

/* Přidáte si dle potřeby například text-align, flex helpery apod. */
.text-center {
  text-align: center !important;
  padding-right: 10px;
}

.text-right {
  text-align: right !important;
  padding-right: 10px;
}

.flash-success{
  margin-left: 12px;
  margin-bottom: 12px;
  margin-top: 12px;
  margin-right: 12px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  color: white;
  background-color: #76c636;
  border-left: 6px solid #4c8121;
  border-radius: 6px;
}

.colboxshadow {
  box-shadow: 0 2px 10px 0 rgba(170, 170, 170, 0.36);
}

.wave-container {
  width: 100%;
  overflow: hidden; /* zajistí, že nic nepřeteče */
}

.wave-container svg {
  display: block;    /* odstraní výchozí inline mezery */
  width: 100%;       /* SVG se roztáhne na plnou šířku kontejneru */
  height: auto;      /* zachová poměr stran */
  fill: #6bb6ff;
}



.tlacitkozelene {
   width: auto;
   text-align: center; 
   padding-bottom: 30px;
   padding-top: 37px;
   padding-right: 10px;
}

.tlacitkozelene svg {
  width: 30px;
  height: 30px;
  fill: #266620;
}

.tlacitkozelene i {
   padding-left: 5px;
   padding-right: 5px;
}

.tlacitkozelene a {
   border: 5px solid #d1e6cf;
  text-decoration: none;
  background-color: #fff;
  color: #266620;
  padding-top: 13px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 15px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 19px;
  font-family: "Lexend", Arial, sans-serif;
}

.tlacitkozelene a:hover {
   border: 5px solid #d1e6cf;
   text-decoration: none;
   background-color: #266620;
   color: #fff;
}

.webmenu {
  font-family: Fira Sans;
  border-top: 1px solid #000;
  background-color: #104e9b;
  border-bottom: 1px solid #000;
  color: #fff;
  text-align: center;
  font-size: 19px; 
  padding-top: 3px;
}

.webmenu a {
  font-family: "Lexend";
   color: #fff;
   text-decoration: none;
   font-size: 18px;
}

.webmenu a:hover {
   color: #ffff00;
   text-decoration: none;
}

 
@media (max-width:650px) {
.hidden-xs {
display : none !important ;
}
}  
 
@media (min-width:651px) {
.hidden-lg {
display : none !important ;
}
}

.smallmobil {
  color: white;
  padding-top: 11px;
  padding-bottom: 10px; 
}

.smallmobil svg {

  fill: #fff;
  width: 20px;
  height: 20px;  
  padding-left: 12px;
  padding-right: 5px; 
 
}

#mydivon {

  background-color: #104E9B; 
}

#mydivoff {

  background-color: #104E9B; 
}

#mydivoff .openmenu{
  border-bottom: 1px solid #093b79;
}

#mydivoff .firstopenmenu{
  border-bottom: 1px solid #093b79;
}

.firstopenmenu {  
    padding-bottom: 7px;  
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 48px;
    height: 100%; /* nebo třeba výška řádku, např. 40px */
}

.firstopenmenu a {
  font-size: 22px;
  display: flex;
  justify-content: space-between; /* hlavní kouzlo */
  align-items: center;
  text-decoration: none;
  color: inherit;
  width: 100%; /* aby se roztáhlo na celý řádek */
}

.openmenu { 
  padding-top: 7px;
  padding-bottom: 7px;
}

.openmenu a {
  font-size: 22px;
  display: flex;
  align-items: center; /* vertikální zarovnání obsahu */
  text-decoration: none; /* volitelné - odstraní podtržení odkazu */
  color: inherit;        /* zachová barvu textu */
}

.menusvg {
  width: 40px; /* nebo auto / nebo fixní šířka podle potřeby */
  margin-right: 8px; /* mezera mezi ikonou a textem */
  display: flex;
  justify-content: center;
  align-items: center;
}

.menusvg svg {

  fill: #fff;
  width: 24px;
  height: 24px;   
 
}

.menutext {
  flex: 1; /* text zabere zbytek místa */
  justify-content: center;
  align-items: center;
}

.webmenu svg {

  fill: #fff;
  width: 15px;
  height: 15px;   
 
}

.mobiltopmenu svg {

  fill: #fff;
  width: 15px;
  height: 15px;   
 
}

.topmenu-wrapper {
    padding-top: 1px;
    padding-left: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%; /* nebo třeba výška řádku, např. 40px */
}

.topmenu-icon a {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.topmenu-menu {
    margin-left: auto; /* zajistí, že se posune na konec */
    display: flex;
    align-items: center;
    padding-right: 9px;
    padding-top: 3px;
}

.topmenu-menu svg {

  fill: #fff;
  width: 25px;
  height: 25px;   
 
}


.barvatabulky1{
  background-color: #e22c2c; 
}


.barvatabulky2{
  background-color: #2766c4; 
}


.barvatabulky3{
  background-color: #000; 
}

.barvatabulky4{
  background-color: #9b9797; 
}