nav{position:relative;width:100%;margin:0 auto;}
#header #site-logo {margin: 0 0 0 50px;line-height: 113px;font-size: var(--velikost-menulogo);text-wrap: nowrap;display: inline-block;}
.modjazykmo{display: none;}
.nava{max-height: none;position: relative;float: right;width: fit-content;background-color: transparent;padding-right:50px;}
.nava ul{margin-top:46px;width:100%;line-height:25px;padding-left:0;}
.nava > ul > li{margin-left:0;padding:0 0 0 0;border-top: none;}
.nava > ul > li + li::before {
padding: 0 10px 0 10px;
  margin-left: 0;
  color: #232323;
  bottom: 1px;
  left: 1px;
  content: "\25CF";
  font-size: clamp(1.125rem, 0.25rem + 1.8182vw, 1.5rem);
}
.nava > ul > li:first-child +li{ padding: 0;}
.nava > ul > li:last-child {border-right:none;}
.nava > ul > li:first-child + li::before {padding: 0;content: "";}
.nava > li > a{padding:0;vertical-align: middle;}
.nava ul li{width:auto;}
.nava > ul > li{float:left;}
.nava > ul > li > a{line-height:normal;margin:0 0px;font-weight:bold;text-decoration:none;color: #232323;background-color: transparent;font-size: clamp(1.125rem, 0.25rem + 1.8182vw, 1.5rem);}
.nava > ul > li:hover > a{color: var(--cervena-color);background-color: transparent;text-decoration: none;}

.nava ul li.activeLi a,.nava ul li.active a{color: var(--cervena-color);background-color: transparent;text-decoration: none;}
.nava > ul > li:hover > a span,.nava ul li a.active span{padding-bottom:5px;background-color: transparent;}
.nava > ul > li:hover,.nava ul li.activeLi:hover,.nava ul li.activeLi,.nava ul li.has-sub.active:hover{background:transparent!important;
/*-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease; */}
.nava ul{margin-top:45px;width:100%;line-height:25px;}
.side-menu {
    display: none;
} /* Hide checkbox */
/* Toggle menu icon */
.side-menu:checked ~ nav{
    max-height: 100%;
}
.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
    background:var(--cervena-color);
/*    background-color: transparent; */

}
.side-menu:checked ~ .hamb .hamb-line::after {
     transform: rotate(45deg); 
    top:0;
    background:var(--cervena-color);
/*    background-image: url(../../../images/web/Hamburger-closed.svg);
    width:25px;height:25px;
    background-color: transparent;
*/
}

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

/* Apply the animation to the menu items */
.side-menu:checked~nav .menu a {
  animation: slideIn 0.5s forwards;
}
.subnav-content li {
    display: block;
    width: 100%;
    background-color: var(--grey-color);
  }
  .subnavbtn:focus+.subnav-content {
    display: block;
  }
  .subnav:hover .subnav-content {
    display: block;
  }
  .subnav:focus-within .subnav-content {
    display: block;
  }
  .subnav-content a:focus {
    background-color: var(--white-color);
    color: var(--grey-color);
  }
.hamb{display: none;}



/* Define the slide animation */
@keyframes slideIn {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}


@media screen and (max-width:768px){
.nava{
    width: 100%;height: 100%;position: fixed;background-color: var(--white-color);
    overflow: hidden;padding-right:25px;
}

.nava{
    max-height: 0;
    transition: max-height .5s ease-out;
    z-index: 1;margin-left: -20px;
}

.hamb{display: block;}

.hamb{
    cursor: pointer;
    float: right;
    padding: 40px 2px;
}



    /* Sub nav */
    .subnav-content {
        padding: 20px 0 ;
        display: none;
        background-color:  var(--grey-color);
    }
    .subnav-content a {
        color: white;
    }



/* Menu Icon */



.hamb-line {
    background: var(--grey-color);
    display: block;
    height: 5px;
    position: relative;
    width: 30px;
    border-radius: 3px;
} /* Style span tag */

.hamb-line::before,
.hamb-line::after{
    background: var(--grey-color);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 7px;border-radius: 3px;
}
.hamb-line::after{
    top: -7px;border-radius: 3px;
}
.nava > ul{margin-top:0;}
.nava > ul > li:first-child + li {margin-left: 25px;}
.nava > ul > li + li::before {padding: 0;content: "";}
.nava ul li{width:100%;text-align: left;margin-left:25px;border-top: 2px solid #ff2400;}
.nava > ul > li{float:none;}
.nava > ul > li > a{font-size: 24px;line-height:58px;text-decoration:none;color: #232323;}

}