/***************** přepínání menu */
@media (max-width: 3000px) {

  .horni_menu .littleMenu {
    display:inline-block;
  }

  .horni_menu .menu {
    text-align:right;
  }


  .horni_menu .menu .polozka {
    margin-bottom:10px;
  }

  .horni_menu .menu .polozka:last-child {
    margin-bottom:-2px;
  }

  .menu a {
    display:block;
    color: #fff;
    width:100%;
  }

.polozka.menu > .polozka:nth-of-type(2) {
    padding-top:  20px;
    color:blue;
  }

  .menu a:hover {
    color: red;
    }

}
/***************** přepínání menu konec */



@media (max-width: 1570px) {

    .product_item.not(.slick-slide)  {
      width: 584px;
      transform: scale(0.9);
    }

}


@media (max-width: 1460px) {

  :root {
    --scale: 0.9;
  }

  .plovouci_banner {
    transform:scale(0.9);
  }


    .product_item.not(.slick-slide) {
      width: 584px;
      transform: scale(0.9);
    }

}

@media (max-width: 1380px) {
    .product_item.one .blok_left {
      padding: 0px 0px 110px 0px;
    }
}



@media (max-width: 1330px) {
  .product_item.one {
    gap:60px;
  }
}


@media (max-width: 1250px) {


  :root {
    --padding_base: 30px;
    --padding_w_right: 36px;
    --main1pad:80px;
    --mezera-mezi-prvky: 110px;
  }

  .horni_menu {
    gap: 7px;
  }

  .blok_male_druhy {
    gap: 5px;
  }

  .main2 {
    margin: 0px;
  }

  .bannerhlavni {
    padding: 0px var(--main1pad) 0px var(--main1pad);
  }

  .main1 {
    width: calc(100% - (2 * var(--main1pad)));
    /*margin-right:0px;*/
  }


  .svg_cont_cont {
    padding-right:0px;
    width:calc(100% + 20px - calc( 1 * var(--main1pad) ));
  }

  .svg_cont {
    width:240px;
  }

  .w33res {
      width:calc(50% - var(--padding_w_right));
  }

  .b33res, .n33res {
      width:50%;
  }

  .b66res, .n66res {
      width:80%;
  }

  .horni_menu .user, .horni_menu .vlajka, .horni_menu .littleMenu {
    margin-left: 24px;
  }

  .tblock_logo {
    margin-top: 29px;
  }

  .left_tbblock .polozka {
    margin-right: 13px;
  }

  .katalog_line_hp {
    padding: var(--padding_input_tb) calc(var(--padding_input_lr) - 25px) var(--padding_input_tb) calc(var(--padding_input_lr) + 25px);
  }

  .bottom .info .infoblok div {
    letter-spacing: 0;
  }

  .bottom .menu {
    letter-spacing: 0;
  }


}



@media (max-width: 1000px) {
  .produkt_head {
    grid-template-columns: 40% 60%;
  }
  .produkt_head .profil {
    grid-row: auto;
  }
  .produkt_head .textblock {
    grid-column: 2;
    grid-row: auto;
    margin-bottom: 20px;
  }
  .produkt_head .head_fotogal {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}




@media (max-width: 1050px), (max-height: 600px) {
  .homepage_news{
    display:none;
  }
}


@media (max-width: 1050px) {

  :root {
    --scale: 0.8;
  }


  .b50res, .n50res {
    width:100%;
  }

  .b66res, .n66res { /* musí být na konci souboru */
      width:100%;
  }


  .bannerhlavni {
    gap: 0px;
    flex-direction:column;
    align-items: center;
  }

  .bannerhlavni .text {
    max-width: 100%;
    text-align: center;
  }


}


@media (max-width: 1000px) {

  .menu-overlay .menubloky .menublok:first-child {
    width:100%;
  }

  .menu-overlay .menubloky .menublok:last-of-type {
    display:none;
  }

}




@media (max-width: 940px) {
  :root {
    --mezera-mezi-prvky: 90px;
  }


}


@media (max-height: 890px) {
    .dolni .pozadi_dolni {
      height: 44vh;
    }

}



@media (max-width: 940px), (max-height: 660px) {

    .img_overlay_pro_pl_banner{
      display:none;
    }

}


@media (max-width: 940px) {


    .dolni .polozky {
      display: flex;
      gap: 27px 31px;
      flex-wrap: wrap;
      justify-content: center;
      /* margin:0px 36px 36px 36px; */
    }

    .dolni .polozky .polozka {
      transform: scale(1);
    }
    .dolni .polozky .polozka .text .nazev {
      font-size: 13.5px;
    }

    .dolni .polozky .polozka .text .ikona {
      margin-top: 39px;
      font-size: 41px;
      margin-bottom: 19px;
    }

    .dolni .polozky a:hover > .polozka {
      transform: scale(1.1);
    }

    .bannerhlavni h1, .clanek_text {
      text-align: center;
    }

    .tbblock.bottom .textbottom {
      text-align: center;
    }


  .horni .pozadi_horni {
    height: 50vh;
  }


  .seznam_produktu {
    gap: 55px;
  }


  .najed_prava, .najed_leva  {
    transform: translateY(30px);
  }

  .visible {
    transform: translate(0, 0);
  }

  .product_item {
    width: auto;
    /* text-align:center; */
    flex-direction: column;
    /* align-items: center; */
    margin:0px;
  }

  .blok:not(.slide) .product_item {
    text-align:center;
    align-items: center;
  }

  .blok:not(.slide) .product_item .blok_left {
    width: 100%;
    margin-left:0px;
  }

  .product_item .blok_left .blok {
    flex-direction: column;
  }

  .product_item.one .blok_left {
    padding:0px 0px 102px 0px;
  }


  .blok:not(.slide) .moznosti_bloky {
    flex-direction: column;
    max-width:100%;
  }

  .blok:not(.slide) .moznosti_bloky .moznosti_blok {
    max-width:100%;
    text-align: center;
  }

  .blok:not(.slide) .moznosti_bloky .moznost {
     flex-direction: column;
  }

  .blok:not(.slide) .rooms-header,
  .blok:not(.slide) .product_item.one .blok_left .text_cont .text .moznosti,
  .blok:not(.slide) .product_item .blok_left .text_cont .text .moznosti .moznost,
  .blok:not(.slide) .moznosti_bloky .moznost,
  .blok:not(.slide) .product_item.one .blok_left .text-odkaz {
    justify-content: center;
  }

  .rooms-header,
  .product_item.one .blok_left .text_cont .text .moznosti,
  .product_item.one .blok_left .text-odkaz {
    flex-wrap: wrap;
  }

  .blok:not(.slide) .rooms-header,
  .blok:not(.slide) .product_item.one .blok_left .text_cont .text .moznosti,
  .blok:not(.slide) .product_item.one .blok_left .text-odkaz {
    justify-content: center;
  }

  .blok:not(.slide) .product_item .blok_left .text_cont .text .moznosti .moznost{
    flex-direction: column;
    gap:5px;
  }

  .rooms-header {
    gap: 27px;
  }

  .rooms-headline {
    flex-basis: 100%;
  }

  .blok:not(.slide) .rooms-headline .nadpis,
  .blok:not(.slide) .rooms-headline {
    text-align: center;
  }

  .product_item.one .foto {
    width:100%;
  }

}


@media (max-width: 900px) {


  .main_table thead tr:last-child th, .main_table td, .main_table th {
    padding: 6px 18px 9px 18px;
    font-size: 13px;
  }

  h1 {
    margin: 0px var(--main1pad) 40px 0px;
  }

  .h2_cont {
    margin-bottom: 50px;
  }

  .h2_cont h2 {
    font-size: 22px;
  }

  .polozkanadp {
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  margin-top: 45px;
  min-height: 42px;
  }

}


@media (max-width: 870px) {




  .horni .blok_male_druhy, .horni .booking-bar  {
      position: relative;
      align-items: end;
  }

  .horni .blok_male_druhy > a, .horni .booking-item  {
      display: block;
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transform: translateY(-8px);
      transition:
          max-height 0.35s ease,
          opacity 0.25s ease,
          transform 0.35s ease;
  }

  .horni .blok_male_druhy::before,  .horni .blok_male_druhy.open::before, .horni .booking-bar::before {
    font-family: "Font-awesome";
      content: "\f0C9";
      font-size: 22px;
      cursor: pointer;
      display: block;
      padding-bottom: 15px;
      margin-top:-3px;
  }

  .horni .booking-bar::before {
    content: "\f017";

  }

  .horni .blok_male_druhy.open > a, .horni .booking-bar.open > .booking-item {
      max-height: 80px;         /* dostatečně velká hodnota */
      opacity: 1;
      transform: translateY(0);
  }


  .horni .blok_male_druhy.open::before {
      content: "\f00D";
  }

  .horni .blok_male_druhy, .horni .booking-bar {
      position: absolute;
      white-space: nowrap;
      z-index: 0;
  }

  .horni .blok_male_druhy > a, .horni .booking-bar  > .booking-item {
      transition-delay: 0s;
  }

  .horni .blok_male_druhy.open > a:nth-child(1), .horni .booking-bar.open > .booking-item:nth-child(1) { transition-delay: .05s; }
  .horni .blok_male_druhy.open > a:nth-child(2), .horni .booking-bar.open > .booking-item:nth-child(2) { transition-delay: .1s; }
  .horni .blok_male_druhy.open > a:nth-child(3), .horni .booking-bar.open > .booking-item:nth-child(3) { transition-delay: .15s; }
  .horni .blok_male_druhy.open > a:nth-child(4), .horni .booking-bar.open > .booking-item:nth-child(4) { transition-delay: .2s; }
  .horni .blok_male_druhy.open > a:nth-child(5), .horni .booking-bar.open > .booking-item:nth-child(5) { transition-delay: .25s; }


  .horni .blok_male_druhy.open::after, .horni .booking-bar.open::after {
      content: "";
      position: absolute;
      top: 48px;               /* pod hamburgerem */
      left: 0;
      right: 0;
      height: calc(100% - 48px);
      background: rgba(0,0,0,0.1); /* nebo barva / gradient */
      border-radius: 2px;
      z-index: -1;
      -webkit-backdrop-filter: blur(10px) brightness(0.8);
      transition: height .4s ease,
      backdrop-filter .3s ease .1s,
      -webkit-backdrop-filter .3s ease .1s;
      pointer-events: none;
  }

  .horni .blok_male_druhy.open .polozka, .horni .booking-bar.open .booking-item {
      position: relative;
  }

  .horni .blok_male_druhy.open > a, .horni .booking-bar.open .booking-item  {
      padding:0px 25px;
      box-sizing: border-box;
  }

  .horni .blok_male_druhy.open > a:first-of-type, .horni .booking-bar.open .booking-item:first-of-type {
      padding-top:20px;
  }

  .horni .blok_male_druhy.open > a:last-of-type, .horni .booking-bar.open .booking-item:last-of-type  {
      padding-bottom:20px;
  }

  .horni .blok_male_druhy::after, .horni .booking-bar::after {
      opacity: 0;
      transform: scaleY(0);
      transform-origin: top;
      transition: .3s ease;
  }

  .horni .blok_male_druhy.open::after, .horni .booking-bar.open::after {
      opacity: 1;
      transform: scaleY(1);
  }




  .w33res { /* musí být na konci souboru */
      width:calc(100% - var(--padding_w_right));
  }

  .b33res, .n33res { /* musí být na konci souboru */
      width:calc(100% - var(--main1pad));
  }

  .dashboard, .svg_cont_cont {
    text-align: center;
  }

  /* .input_cont, .tabCont, .fotgal_cont, .info_pol_cont, .message_cont, .logupd_cont, .mainButton, .jednotka_cont, .sliderbanner2, .sliderbanner3, .sliderbanner5, .faqform, .textYN, .clanek_text {
  margin-bottom: 35px;
  } */

  .with_mini_botton {
    margin-bottom: calc( 35px + 30px );
  }

  .with_regular_botton {
    margin-bottom: calc( 75px + 30px );
  }

  .polozkam.kapitola {
    width: calc(100% - (1 * 24px));
  }


  .polozkanadp {
    margin-top: 0px;
  }

  .polozkam i {
    margin-bottom:20px;
  }

  .produkt_text {
    gap: 0px 40px;
  }

  .product_item.one .foto {
    height: 300px;
  }



  .bottom {
    flex-direction: column;
    gap: 30px;
  }

  .bottom .menu ul {
    gap: 30px;
  }

}

@media (max-width: 830px) {
  .produkt_head {
    grid-template-columns: 1fr;
    gap: 16px;
    text-align: center;
  }
  .produkt_head .profil,
  .produkt_head .textblock,
  .produkt_head .head_fotogal {
    grid-column: 1;
    grid-row: auto;
  }
  .produkt_head .profil {
    margin-top: 0;
    max-width: 100%;
  }
  .produkt_head .profil svg{
    width: 80%;
  }
  .produkt_head .textblock {
    margin-bottom: 0;
    text-align: center;
  }
  .produkt_head .textblock .nadpis {
    gap:23px;
    justify-content: center;
  }
  .produkt_head .textblock .center {
    text-align: center;
  }
}


@media (max-width: 800px) {
  .polozkam.wide .polozkaobrobal {
    display:none;
  }
  .polozkaobal h2 {
    text-align: center;
  }
  .polozkam.wide .polozkanadp, .polozkam.wide .polozkapodnadp, .polozkam.wide .poltext, .polozkam.wide .polozkad  {
    text-align: center;
  }
  .polozkam.wide .polozkatextobal {
    margin-left:0px;
    text-align: center;
  }
  .poltext {
    margin-top: 0px;
  }
  .produkt_text {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    gap: 50px 0px;
    justify-content: flex-end;
  }
  .produkt_text .blokdokumenty, .produkt_text .table {
    width: 100%;
  }
  .produkt_text .blokdokument {
    justify-content: center;
  }
  .produkt_text .table h2, .produkt_text .table h3 {
    text-align: center;
  }
  .produkt_text .blokdokument .fotgal_cont .cont {
    justify-content: center;
  }

}


@media (max-width: 750px) {


  .input_nadpis span:nth-child(1), .info_pol div:nth-child(1), .info_pol_text_nadpis span:nth-child(1) {
    font-size: 17px;
  }

  .horni, .menu-overlay  {
    width:calc(100% - calc(30px * 2) );
    padding: 30px 30px 0px 30px;
  }

  .horni.scroll {
    padding: 14px 30px 0px 30px;
  }


  .logo_product_little {
    width: 120px;
    margin-top: 18px;
  }

  .logo_product_little svg {
    height: 38px;
    cursor: pointer;
  }

  .seznam_produktu, .bannerhlavni, .clanek_text, .produkt_text, .input_cont, .tabCont, .info_pol_cont, .message_cont, .logupd_cont {
    text-align: center;
  }

  .input_cont table{
    text-align: left;
  }

  .tbblock.bottom {
    font-size:11px
  }

  .product_item svg {
  width: 72%;
  }


}


@media (max-width: 650px) {


  .horni_menu .polozka #menuClose {
    font-size: 13px;
  }

  .horni_menu .polozka #menuClose i{
    font-size: 13px;
  }

  .horni_menu .polozka:last-of-type {
    letter-spacing: 0px;
  }

  .logo {
    width: 130px;
  }

  .horni.scroll .pozadi_horni ~ .horni_menu .logo {
  transform: scale(0.70);
  margin-top: -17px;
  }


  .horni_menu .jazyky {
    gap: 5px;
  }

  .main_background.kratke {
    height: 69vh;
  }

  .dolni .polozky {
    margin:0px 30px 50px 30px;
  }

  .dolni .polozky .polozka {
    transform: scale(0.92);
  }

  .dolni .polozky a:hover > .polozka {
    transform: scale(0.95);
  }

  .product_item .foto:not(:where(.swiper-slide *)), .product_item .foto img:not(:where(.swiper-slide *)) {
    width: 100%;
    height:230px;
  }

}

@media (max-width: 900px) and (max-height: 470px){ /*šířka*/

  .main_background.kratke {
      height: 110vh;
  }
  .main_background {
    position: relative;
    width: 100%;
    height: 135vh;
    overflow: hidden;
  }
  .dolni .polozky {
    margin:0px 25px 35px 25px;
  }

  .dolni .polozky .polozka {
    transform: scale(0.8);
    margin:-18px;
  }

  .dolni .polozky a:hover > .polozka {
    transform: scale(0.9);
  }
}



@media (max-width: 600px) {

  .tblock_logo {
    height: 74px;
    width: 100%;
    margin-top: 20px;
    background-size: 259%;
  }

  .sliderhlavni.lores {
    display:none;
  }

  .langchange {
    right: 60px;
  }

  .horni_menu .user span:not(b span) {
    display:none;
  }

  .tbblock {
   margin-bottom: 45px;
   }

  .w50res { /* musí být na konci souboru */
      width:calc(100% - var(--padding_w_right));
  }

}



@media (max-width: 520px) {


  .horni_menu .user span {
    display:none;
  }

  .dolni .bannerhlavni {
    margin-bottom: 50px;
  }


  .katalog_block_hp{
    margin-top: 6px;
    margin-bottom: -81px;
  }

  .katalog_img_hp {
    position: relative;
    top: -73px;
    height: 82px;
  }

  .katalog_img_hp.kat2 {
    top: -65px;
    height: 70px;
  }
}


@media (max-width: 470px) {
  :root {
    --padding_w_right:26px;
    --main1pad: 40px;
    --font_lineheight: 1.8;
  }

  .horni, .menu-overlay  {
    width:calc(100% - calc(18px * 2) );
    padding: 20px 18px 0px 18px;
  }

  .horni.scroll {
    padding: 14px 18px 0px 18px;
  }

  .katalog_line_hp {
    width:95%;
  }
}


@media (max-width: 445px) {


  .horni_menu .user, .horni_menu .vlajka, .horni_menu .littleMenu {
    margin-left: 18px;
  }

  .horni_menu .littleMenu i {
    font-size: 25px;
    margin-top: 3px;
  }

  .tblock_logo {
    background-size: 280%;
  }

}


@media (max-width: 400px) {

  :root {
    --font_lineheight: 1.7;
  }

}

@media (max-width: 390px) {

  :root {
    --padding_base: 23px;
  }

  .horni_menu .user, .horni_menu .vlajka, .horni_menu .littleMenu {
    margin-left: 16px;
  }

  .product_item.one .foto {
    height: 250px;
  }

}

@media (max-width: 350px) {

  :root {
    --fontsize: clamp(.95rem, 1.05rem, 1.1rem);
    --font_lineheight: 1.6;
  }


  .katalog_block_hp{
    margin-top: 2px;
    margin-bottom: 3px;
  }


  .katalog_img_hp {
    display:none;
  }

}




/*conteiner query - podle šířky kontejneru*/

@container (max-width: 1050px) {

    .seznam_produktu {
        justify-content: center;
    }

    .polozkam {
        text-align: center;
        align-items: center;
    }

    .polozkam .polozkanadp_cont,
    .polozkam .polozkatextobal {
        align-items: center;
        text-align: center;
    }

}