/* Theming */
/*@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"); /* import font */
*/
:root{
    --white: #f9f9f9;
    --black: #36383F;
    --gray: #85888C;
} /* variables*/

/* Reset */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: #ffffff;
    font-family: sans-serif;


}

a{
    text-decoration: none;
    color: #695348;
}

a:hover {
   text-decoration: underline;
   color: #573b2c;
}  

ul{
    list-style: none;
}

/* Header */
.header{
    position: sticky;
    top: 0;
    width: 100%;
}


/* Nav menu */
.nav{
    width: 100%;
    height: 260px;
    position: fixed;
    background-color: #ffffff;
    overflow: hidden;
    
}
.menu a{
    display: block;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;    
    color: #573b2c;
    
}
.menu a:hover{
    background-color: #573b2c;
}
.nav{
    max-height: 0;
    transition: max-height .5s ease-out;
    
}


/* Menu Icon */
.hamb{
    position: absolute;top: 30px; right:30px; 
    max-height: 40px;
}/* Style label tag */

.hamb-line {
    background: #695348;
    display: block;
    height: 2px;
    position: relative;
    width: 24px;

} /* Style span tag */

.hamb-line::before,
.hamb-line::after{
    background: #695348;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 5px;
}
.hamb-line::after{
    top: -5px;
}

.side-menu {
    display: none;
} /* Hide checkbox */


/* Toggle menu icon */
.side-menu:checked ~ nav{
    max-height: 5000px;
}
.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}

body:has(.side-menu:checked) {
  overflow: hidden;
  
}







/* Responsiveness */
@media (min-width: 768px) {
    .nav{
        position: absolute;top: 10px; right:50px; 
        max-height: 40px;
   
        width: fit-content;
        background-color: #ffffff;
        text-transform: uppercase;
    }
    .menu li{
        float: left;
   }
    .menu a:hover{
        background-color: transparent;
        color: #695348;
        font-weight: 600;

    }

    .hamb{
        display: none;
    }
    
    .logovh{ margin: 0 auto;
            clear: left;
            width: 400px;
            max-width: 400px;
            height: auto;
            z-index: -1;  
            text-align: center;
            padding: 40px 0px 00px 0px;
            margin: 10px 20px 10px 20px; 
    }
    
    .mapa {
            width: 600px;
            height: 450px;
    }
    
}




.logovh {
  margin: 0 auto;
  clear: left;
  width: 300px;
  height: auto;
  z-index: -1;  
  text-align: center;
  padding: 40px 0px 00px 0px;
  margin: 10px 20px 10px 20px; 
 }

h1 {
  text-align: center;   
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 26;
  font-weight: 400;
  color: #695348;
  padding: 40px 0px 20px 0px;
  margin: 0px 20px 0px 20px; 
}


.text {
  text-align: center;   
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 26;
  color: #695348;
  padding: 40px 0px 20px 0px;
  margin: 0px 20px 0px 20px; 
}

.text1 {
  text-align: center;   
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 28;
  color: #695348;
  padding: 20px 0px 10px 0px;
  margin: 30px 0px -20px 0px; 
}

.odkaz {
  text-align: center;   
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 28;
  color: #695348;
  padding: 40px 0px 40px 0px;
}

.fakturacni {
  text-align: center;   
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 26;
  color: #695348;
  margin: 20px 0px 20px 0px; 
}

.fotky {
      text-align: center;   
      display: block;
      padding: 10px;
      }

.textcenter {
  text-transform: uppercase;
  text-align: center;
  font-size: 36;
  color: #695348;
  
}

.img {
  display: block;
  text-align: center;

}


.google-map {
     padding-bottom: 400px;
     position: relative;
}

.google-map iframe {
     height: 400px;
     width: 100%;
     left: 0;
     top: 0;
     position: absolute;
}




.hlavni{
      display: flex;
      height: auto;
      width: 100%;

}

/* razeni kontaktu na radek, v mobil pod sebe */
.kontakt {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 20px 0px 20px 0px;
}

/* Pružná položka, zabírá jednu část volného místa: */
.kontakt--1 {
  flex: none;
  text-transform: uppercase;
  font-size: 26;
  color: #695348;
  text-align: center;  
  margin: 00px 10px 0px 10px;
}

/* razeni kontaktu na radek, v mobil pod sebe */
.spolek {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 20px 0px 20px 0px;
}

/* Pružná položka, zabírá jednu část volného místa: */
.spolek--1 {
  flex: none;
}

.paticka {
  background-color: #695348;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px; 
}

.paticka-hid {
  position: absolute;
  left: 20px;
  font-family: herzanfont;
  font-size: 4;
  text-transform: uppercase;
  margin: 10px 0px 0px 0px;
  color: #695348;
}

.paticka-blok {
  position: absolute;
  left: 20px;
  font-family: herzanfont;
  font-size: 16;
  text-transform: uppercase;
  margin: 10px 0px 0px 0px;
 }
 
 .paticka-blok a{
  color: #ffffff;
 }

.paticka-copy {
  position: relative;
  top: 10px;
  font-family: herzanfont;
  color: #ffffff;
  font-size: 15;
  text-transform: uppercase;
 
  } 

.ig{
        position: absolute;
        margin: 5px 0px 0px 0px;
        width: 28px;
        height: 28px;
        right: 20px;
}

.ig a img:hover {
    background:url(Images/btnhomeh.png);
    position:absolute;
    top:0px;
}
.fb{
        position: absolute;
        margin: 5px 0px 0px 0px;
        width: 25px;
        height: 25px;
        right: 55px;
}

.zpetne {
  unicode-bidi: bidi-override;
  direction: rtl;
}

@media (max-width: 400px) {
  .kontakt {
    flex-direction: column;
  }
  
  .fakturacni {
  font-size: 24;
  }
  .kontakt--1 {
   font-size: 24;
  }
  
}