:root {


--fs-xxl: clamp(1.7rem, 3vw + 1rem, 3rem);
--fs-xl: clamp(1.7rem, 2vw + 1rem, 2rem);
--fs-h2: clamp(1.2rem, 1.7vw + 1rem, 2.2rem);
--fs-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.2rem);
--fs-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);
--fs-big: 2rem;
/* --fs-normal: 1rem; */
/* --fs-normal: clamp(0.8rem, 1.1vw + 0.2rem, 1.1rem); */
--fs-normal: clamp(0.8rem, 1.1vw + 0.2rem, 1rem);
--fs-small: 0.8rem;
--fs-xsmall: 0.5rem;

--lh-xl: 1;
--lh-h1: 1;
--lh-h2: clamp(1.5rem, 1.7vw + 1rem, 2.5rem);
--lh-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.7rem);
--lh-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);
--lh-big: 1;
--lh-normal: 1.4;
--lh-small: 1.2;

--menumobilecolor:#FF7F00;


--pistalka:#2db9ec;
--zluta:#2db9ec;
--zluta2:#2db9ec;

--zlata:#2db9ec;
--zlata2:#2db9ec;
--seda:#80a0a0;
--seda2:#A0c0c0;
--barvapozadi:#0B0D11;/* rgba(38,52,63,1); */
--memoText:#898989;


--cerna:#0B0D11;
--modra:#2db9ec; /* #00F0FF; */ 
--modra1:#2db9ec;
--modra2:#328fdc;

font-size:17px;
}



.rezervace_fitka {
text-align: center;
margin:0 0 40px 0;
}

.rezervace_fitko {
display: inline-block;
width:90%;
max-width:300px;
height:200px;
margin:10px;
border-radius:10px;
position: relative;
box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
transition:all 200ms ease-in;
opacity:0.5;
border:4px solid white;
}

.rezervace_fitko:hover {
opacity:1;
border:4px solid var(--zluta);
transform:scale(1.03);
}

.rezervace_fitko span {
position: absolute;
bottom:4px;
left:4px;
width:calc(100% - 8px);
box-sizing: border-box;
padding:10px 20px;
text-align: center;
background-color: rgba(255,255,255,0.74);
backdrop-filter: blur(4px); /* Intenzita rozmazání */
-webkit-backdrop-filter: blur(4px); /* Podpora pro Safari */
transition:all 200ms ease-in;
color:black;
}

.rezervace_fitko:hover span {
padding:10px 20px 15px 20px;
background-color: var(--zluta);
color:white;
}




.bx-pager-item a.active, .bx-pager-item a:hover {
background-color: var(--zlata2) !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
width:30px !important;
}

/* koliduje s floatboxem
* , *:before, *::after {
box-sizing: border-box;
}*/

input, table, td, p {
box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  }

* {
margin: 0;
padding: 0;
}

a {
color:var(--modra);
}

.prekryv {
position: absolute;
top:0;
height:100%;
width:100%;
left:0;
background-color: rgba(0,0,0,0.5);
}

/* Všechny číslované seznamy */

/* základ */
ol {
  list-style: none !important;
  counter-reset: item;
  padding-left: 0;
  padding:0 !important;
}

ol li {
  counter-increment: item;
  position: relative;
  margin: 0.6em 0 0.6em 3em !important; /* místo pro štítek vlevo */
  padding:0 !important;
  font-size:var(--fs-normal);
  line-height:var(--lh-normal);
  
}

/* černý obdélník s číslem, natočený o 20° */
ol li::before {
  content: counter(item);
  --badge-w: 1.4em;
  --badge-h: 1.8em;

  position: absolute;
  left: -2em;
  top: 0.3em;                 /* jemné srovnání k prvnímu řádku */
  width: var(--badge-w);
  height: var(--badge-h);

  display: inline-flex;
  justify-content: center;
  align-items: center;

  color: #000;
  background: #fff;
  font-weight: 700;
  font-size: 1.1em;
  font-variant-numeric: tabular-nums;
  border-radius: 0.2em;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);

  transform: rotate(10deg);
  transform-origin: center;
}

/* volitelné: menší štítky pro vnořený <ol> */
ol ol li { margin-left: 3.2em; }
ol ol li::before {
  --badge-w: 2.1em;
  --badge-h: 1.6em;
  top: 0.05em;
}






.homepagelogo {
height:100%;
max-height:30vh;
aspect-ratio: 172 / 126;
background:url('logo.svg?') no-repeat center center;
background-size: contain;
filter: drop-shadow(0px 0px 20px black);
}


.homepagelogo2 {
height:100%;

top:10px;
max-height:40vh;
aspect-ratio: 4 / 4;
overflow: hidden;
position: relative;
box-sizing: border-box;
}

.homepagelogonerotace {
position: absolute;
top:0px;
right:10%;
height:100%;
aspect-ratio: 1.1/ 1;
display: inline-block;
background-size: contain;
transition:300ms all ease-in;
}

.homelogoin {
filter: drop-shadow(0px 10px 20px black);
width: 100%;;height:100%;
background:url('logo-ramecek.svg?') no-repeat center center;
display: inline-block;
background-size: contain;

}
.homepagelogonerotacesvetlo .homelogoin {
filter: drop-shadow(0px 0px 2px white);
clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
animation: scan 6s linear infinite;
animation-timing-function: ease-in-out; 

}

@keyframes scan {
  0% {
    clip-path: polygon(0 0%, 100% 0%, 100% 5%, 0 5%);
  }
  66% {
    clip-path: polygon(0 95%, 100% 95%, 100% 100%, 0 100%);  
  }  
  100% {
    clip-path: polygon(0 95%, 100% 95%, 100% 100%, 0 100%);
  }
}


.homepagelogonerotacesvetlo {
position: absolute;
top:0px;
right:10%;
height:100%;
aspect-ratio: 1.1/ 1;
display: inline-block;
background-size: contain;
transition:300ms all ease-in;

filter: brightness(1.2) contrast(0.9) blur(3px);
}
/**/





.homepagelogorotaceinner {
position: absolute;
left:0;
top:0;
width:100%;
aspect-ratio: 1 / 1;
background:url('logoround2-4.svg?') no-repeat center center;
background-size: contain;
display: inline-block;
animation: rotace2 300s linear infinite;
}


.homepagelogorotace {
position: absolute;
left:0;
top:0;width:100%;
aspect-ratio: 1 / 1;
background:url('logoround1-4.svg?') no-repeat center center;
background-size: contain;
filter: drop-shadow(0px 0px 5px black);
  display: inline-block;
  animation: rotace1 300s linear infinite;
}


 

@keyframes rotace1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg); /* proti směru hodinových ručiček */
  }
}


@keyframes rotace2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg); /* proti směru hodinových ručiček */
  }
}




.sliderholder {
position: relative;
padding:0;
margin:30px 0 0 0;
height:30vh;
box-sizing: border-box;
width:100%;
}

.sliderholderin {
width:100%;
height:1px;
text-align: center;
position: absolute;
bottom:0;

}

.sliderbox {
background-color: rgba(0,0,0,0.4);;
display: inline-block;
padding:10px 30px;

}



.sliderstindole {
position: absolute;
bottom:-2px;
background:linear-gradient(to bottom, rgba(0,0,0,0),var(--barvapozadi));
height:10vh;
width:100%;
}

img, picture, svg, video {
/* display:block; */
/* max-width:100%; */
}


input, textarea, button, select {
font:inherit;
}

body {

min-height:100vh;
color:#e0e0e0;
background: linear-gradient(to right bottom, #0B0D11, #0B0D21);


  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Work Sans', sans-serif;
  font-optical-sizing: auto;


}

body strong {
color:white;
}


input,textarea {
font-family: 'Work Sans', sans-serif;
}

body, p, td, li{
font-size: var(--fs-normal);
line-height: var(--lh-normal);
}

img.revealme {
transform: scale(0.5);
transition: .65s ease;
display: inline-block;
position: relative;
}


hr {
margin:30px 0;
border:0;
border-bottom:3px solid var(--zluta);
}

.footer hr {
border-bottom:1px solid #404040;
}


.footerdivodkazy p {
padding:0 0 10px 0;
margin:0;
color:white;
}

.footerdivodkazy p a {
color:var(--modra);
transition:200ms all ease-in;
}

.footerdivodkazy p a:hover {
font-weight:bold;
}

.footerdivodkazy p a img {
margin:0 7px 0 0;
top:3px;position: relative;
}



h1 {
margin:100px 0 0 0 ;
text-align: center;
padding:2rem 0 2rem 0rem;
font-size: var(--fs-xxl);
line-height:var(--lh-h1);
color:white;
font-family:'Russo One';
font-weight: 800;
letter-spacing:2px;
}

#pagehomepage h1 {
margin:0;
}

h2 {
font-family:'Russo One';
font-size: var(--fs-h2);
line-height:var(--lh-h2);
padding:0;
letter-spacing:2px;
margin:1rem 0;
color:var(--modra);
display: block;
font-weight: 900;
}

h2 strong {
color:#898989;
}

h2 span {
display: inline-block;
position: relative;
}


h2 span {
  color:var(--modra);
  line-height: 1.2;
  padding: .05em 0;
}





.tlacitkodiv {
position: relative;
text-align: left;
padding:30px 0;
}

.tlacitkodiv a {
color: black !important;
background-color: var(--zluta);
padding:5px 30px;
font-size:var(--fs-h3);
text-decoration: none;
transform: rotate(10deg);
  transform-origin: center;
display: inline-block;
  position: relative;
  border-radius:3px;
  
  font-weight:bold;
  
}


.tlacitkodiv a:hover {
background-color: #e0e0e0;
transform:scale(1.1) !important;
}



h3 {
letter-spacing:1px;
font-size: var(--fs-h3);
line-height:var(--lh-h3);
padding:0;
font-family:'Russo One';
margin:0rem 0 0.2rem 0;
font-weight: 800;
color:var(--modra2);
}


h3 em {
font-weight: 800;
font-style: normal;
color:var(--cerna);
display: inline-block;
padding: 0 4px;
background-color: var(--modra2);
border-radius:2px;
transform:rotate(3deg);
}

h4 {
font-family:'Russo One';
font-size: var(--fs-h4);
line-height:var(--lh-h4);
padding:0;
margin:1rem 0;
}



.footer h2, .footer h3 {
color:var(--barvapozadi);
font-size:var(--fs-h3);
line-height:var(--lh-h3);
padding:0;
margin:10px 0;
font-weight:800;
}

.footer h3 {
color:var(--modra2);
background: url();
}




.hlavniobsah  ul, .hlavniobsah  ol {
  /*list-style: none; /* Remove default bullets */
margin:10px 0 24px 0;
padding: 0 0 0 15px;
}

.hlavniobsah  li {
margin:10px 0 0 30px;;
padding:0;
position: relative;
}

.hlavniobsahx  li  p {
margin:0 !important;
padding:0 !important;
}



.hlavniobsahx li::before {
  content: '+';
  color: var(--zlata2);
  display: inline-block;
  font-weight:normal;
  width: 1em;
  margin-left: -1em;
  position:absolute;
  top:0px;
  }


.hlavniobsahx li {
 list-style: none url();
padding-left:30px;
}






.kosiktabulka {
background-color: white;
border-radius:10px;
color:black;
width:100%;
padding:6px;
margin:0 0 5px 0;
}
.kosiktabulka td {
color:black;
box-sizing: border-box;
}

.cenakosikbox {
width:48px;
}

.cenakosikbox a {
background-color: rgba(0,0,0,0.1);
color:black;
display: inline-block;
height:60px;
text-decoration: none;
width:45px;
text-align: center;
box-sizing: border-box;
font-size:10px;
font-family:'arial';
border-radius:3px;
padding-top:35px;
}
.cenakosikbox a:hover {
background-color: rgba(0,0,0,0.2);
}

.cenakosikbox a.actual {
background-color: #FFC892;
}


.cenakosikboxnew {
width:48px;
}

.cenakosikboxnew a {
background-color: rgba(0,0,0,0.1);
color:black;
display: inline-block;
height:60px;
text-decoration: none;
width:45px;
text-align: center;
box-sizing: border-box;
font-size:10px;
line-height:12px;
font-family:'arial';
border-radius:3px;
padding-top:7px;
color:#707070;
}
.cenakosikboxnew a:hover {
background-color: rgba(0,0,0,0.2);
}

.cenakosikboxnew a.actual {
background-color: var(--zluta);
color:black;
}


.cenakosikboxnew b {
font-size:14px;
line-height:10px;
}

.cenakosikboxnew span {
border-top:1px solid white;
display: block;
padding-top:4px;
margin:3px;
color:black;
}


.cenakosikbox1 a {
background-image:url('lidi-1.png');
background-size: 100%;
background-repeat: no-repeat;
}

.cenakosikbox2 a {
background-image:url('lidi-1-2.png');
background-size: 100%;
background-repeat: no-repeat;
}

.cenakosikbox3 a {
background-image:url('lidi-3.png');
background-size: 100%;
background-repeat: no-repeat;
}

.cenakosikbox4 a {
background-image:url('lidi-4.png');
background-size: 100%;
background-repeat: no-repeat;
}


.cenakosikboxtrener a {
background-image:url('ikona-trener.png?');
background-size: 100%;
background-repeat: no-repeat;
}




.cenakosikboxdelete {
width:30px;
}
.cenakosikboxdelete a{
background-color: rgba(0,0,0,0.2);
box-sizing: border-box;
color:#898989;
display: inline-block;
height:60px;
text-decoration: none;
width:22px;
padding-top:18px;
text-align: center;
border-radius:3px  0 0 3px;
font-weight: 500;
font-family:arial;
}
.cenakosikboxdelete a:hover {
background-color: rgba(200,0,0,0.8);
color:white;
}


        .rezervacebody {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            padding: 10px;
            box-sizing:border-box;
        }
        .rezervaceblok {
        margin-bottom:10px;
            width: 50%;
            max-width: 500px;
            display: flex;
            align-items: top;
            justify-content:center;
            text-align: center;
         align-items: flex-start;
        }
        .rezervaceblok .loginform {
        margin:0 auto;         
        }
        .rezervaceblok h2 {
        margin:0 0 10px 0;   
        font-size:var(--fs-h3);
        
        }

            .rezervaceblok:nth-child(3) {
            width:100%;
            max-width:1000px;
            }


        .rezervaceblok .kalendartable {
        width:100%;
        background-color: white;
        box-sizing: border-box;
        border-radius:10px;
        padding:6px;
        box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
        }
        .rezervaceblok .kalendartable th {
        color:#232323;
        font-size:var(--fs-normal);
        line-height:var(--lh-normal);
        color:#909090;
        border-bottom:1px solid #898989;
        font-style: italic;
        font-weight: normal;
        }

        .rezervaceblok .kalendartable td {
        color:#a9a9a9;
        font-size:var(--fs-normal);
        line-height:var(--lh-normal);
        text-align: center;
        padding:3px;
        box-sizing: border-box;
        }


.rezervaceblok .kalendartable td span small, .rezervaceblok .kalendartable td a small{
font-size:var(--fs-small);
line-height:var(--lh-small);
}


.rezervaceblok .kalendartable td span, .rezervaceblok .kalendartable td a  {
/* background-color: #e0e0e0; */
padding:2px 4px;
display: inline-block;
border-radius:4px;
width:100%;
box-sizing: border-box;
text-decoration: none;
 position: relative;
/*box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1);*/
}

.trenerinfo span:before, .datumblok a.polozkatrener:before, .rezervaceblok .kalendartable td a.kategorietrener:before  {
content:'';
width:6px;
height:6px;
border-radius:3px 0 3px 3px;
background-color: var(--pistalka);
position: absolute;
right:6px;
top:3px;
}


.trenerinfo span:after, .datumblok a.polozkatrener:after, .rezervaceblok .kalendartable td a.kategorietrener:after  {
content:'';
width:5px;
height:2px;
background-color: var(--pistalka);
position: absolute;
right:4px;
top:3px;
transform:rotate(-10deg);
}

.trenerinfo {
font-size:var(--fs-small);
line-height:var(--lh-small);
color:#909090;
padding:8px 0 0 0;
}

.trenerinfo span {
position: relative;
display: inline-block;
width:2px;
height:10px;
}

.trenerinfo a {
color:var(--zluta);
}


.rezervaceblok .kalendartable td a  {
background-color: var(--zlata2);
background-color: #e0e0e0;
color:#232323;
transition:all 150ms ease-in;
outline: 1px solid white;
}
.rezervaceblok .kalendartable td a:hover {
/*transform:scale(1.05);*/
color:black;
outline: 1px solid #a0a0a0;
}

.rezervaceblok .kalendartable td a.rezervaceaktualni:hover , .rezervaceaktualni{
color:black;
/* transform:scale(1.05);*/
outline: 2px solid black !important;
/*box-shadow:inset 0px 0px 3px rgba(0,0,0,0.5) !important;
/*
background-color:black !important;
color:var(--zlata2) !important;
*/
}

.odebrat {
background-color: var(--zlata2);
color:black;
display: inline-block;
margin:0 0 0 10px;
width:15px;
height:15px;
overflow: hidden;
font-size:1;
line-height:0.7;
border-radius:50%;
cursor: pointer;
transform:rotate(45deg);
transition:all 150ms ease-in;
}

.odebrat:hover {
background-color: red;
}


.rezervacevybrana {
background-color:var(--zlata2) !important;
color:black !important;
}

#cenacelkempredlesvoubox {
font-size:var(--fs-small);
}


#sleva10aktivovana {
font-size:var(--fs-small);
}

#slevavoucheraktivovana {
font-size:var(--fs-small);
}





        @media (max-width: 1200px) {
            .rezervacebody {
                flex-direction: column;
                margin:0 auto;
                width:100%;
                max-width:500px;
                padding:0;
            }
            .rezervaceblok {
            width:100%;
            }
            .rezervaceblok:nth-child(2) {
                order: 3;
            }
            .rezervaceblok:nth-child(3) {
                order: 2;
            }

    }


.datumblok {
        width:100%;
        background-color: white;
        box-sizing: border-box;
        border-radius:10px;
        padding:6px;
        color:black;
        display: none;
        box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
}

.datumblok h3 {
margin:0 0 10px 0;
padding:0;
color:black;
filter: drop-shadow(0px 0px 0px white);
}

.datumblok span, .datumblok a {
color:black;
width:120px;
text-decoration: none;
display: inline-block;
padding:4px 0px;
border-radius:4px;
background-color: #e0e0e0;
margin:4px 8px;
box-sizing: border-box;

font-size:var(--fs-small);
line-height:var(--lh-small);
color:#898989;
transition:all 150ms ease-in;
position: relative;
}

.datumblok span b, .datumblok a b {
display: block;
color:black;
font-weight: 400;
font-size:var(--fs-normal);
line-height:var(--lh-normal);
border-bottom:1px solid #898989;
}

.datumblok span {
color:#d0d0d0;
background-color: #f5f5f5;
cursor:not-allowed;
}

.datumblok span b {
color:#d0d0d0;
}





.datumblokvybrano {
background-color:var(--zlata2) !important;
color:black !important;
}




.objednavkabutton {
margin:4px 0;
padding:3px 40px;

box-sizing:border-box;
display:inline;
font-size:var(--fs-normal);
line-height:var(--lh-normal);
border:0;
border-radius:4px;

background-color: #f0f0f0;
text-decoration: none;

color:#898989;
cursor:default;
}

.objednavkabuttonenabled {
display:none;
background-color: var(--zlata2);
color: black;
cursor: pointer;
}


.objednavkabuttonenabled:hover {
color: var(--zlata2);
background-color: black;
}











.homebutton {
background-color: var(--zlata2);
color:black !important;
padding:3px 16px;
text-decoration: none !important;
display: inline-block;
border-radius:5px;
transition:all 200ms ease;
}
.homebutton:hover {
transform:scale(1.05);
}

.homebuttongrey {
background-color:#a0a0a0;
color:white !important;
padding:3px 16px;
text-decoration: none !important;
display: inline-block;
border-radius:5px;
transition:all 200ms ease-in;
}
.homebuttongrey:hover {
transform:scale(1.05);
}




.pagecounter a {
background-color: var(--zlata2);
color:white !important;
padding:3px 16px;
text-decoration: none !important;
display: inline-block;
border-radius:5px;
transition:all 200ms ease-in;
}
.pagecounter a:hover {
transform:scale(1.05);
}


.pagecounter a.actual {
background-color: var(--zluta);
color:black;
}

/*obrazkove podzadi*/
.hlavniobsahobrazek ,
/* barevne pozadi*/
.hlavniobsahsablona0, .hlavniobsahsablona1, .hlavniobsahsablona2, .hlavniobsahsablona3
{
padding:30px 0;
box-sizing:border-box;
margin:0 auto;
}

.hlavniobsahsablona0 { /* background-color: #121621;color:white; */
 }
.hlavniobsahsablona0 p {}
.hlavniobsahsablona0 a {}

.hlavniobsahsablona1 {margin:50px 0;background-color:rgba(100,100,100,0.25);border-radius:30px;}
.hlavniobsahsablona1 p {color:white;}
.hlavniobsahsablona1 h2 {color:white;}
.hlavniobsahsablona1 a {color:var(--zluta);}


.hlavniobsahsablona2 {background-color:rgba(0,0,0,0.5);}
.hlavniobsahsablona2 p {}
.hlavniobsahsablona2 a {color:var(--zlata2);}


.hlavniobsahsablona3 {background-color:var(--modra)}
.hlavniobsahsablona3 p {color:white;}
.hlavniobsahsablona3 a {color:white;}
.hlavniobsahsablona3 h2 span {color:white;}
.hlavniobsahsablona3 h2 {color:white;font-size:clamp(1.1rem, 1.4vw + 0.7rem, 2.2rem)}

.hlavniobsahsablona3 .tlacitkodiv a {
color: white !important;
background-color: var(--cerna);
padding:5px 30px;
margin:10px 0 0 0;
font-size:clamp(1.1rem, 1.4vw + 0.7rem, 1.5rem);;
text-decoration: none;
transform: rotate(10deg);
  transform-origin: center;
display: inline-block;
  position: relative;
  border-radius:3px;
  
  font-weight:bold;
  
}


.hlavniobsahobrazek {position:relative;

}
.hlavniobsahobrazek p {}
.hlavniobsahobrazek a {}

.hlavniobsahobrazekoverlay {
position: absolute;
left:0;
top:0;
height:100%;
width:100%;
filter: blur(4px) grayscale(0%) opacity(30%);
}



.homeboxcolorbg {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity: 0.1;
filter: grayscale(100) blur(1px);
overflow:hidden;

}




.homeboxcolor1 {
position: relative;
background-color: rgba(125,125,125,0.1);
/* background-color:rgba(48,62,73,1); */
/* linear-gradient(to left, rgba(200,200,200,1),rgba(255,255,255,1));*/
padding:0px 0;
margin:40px 0 0 0;
box-sizing:border-box;
}


.homeboxcolor2  {
background-color: rgba(125,125,125,0.1);
margin:40px 0 0 0;
position: relative;
padding:0px 0;
box-sizing:border-box;
}



/* flex START */
.flex-container h2 {
padding:0 0 10px 0;
margin:0;
}



.flexdiv33container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.flexdiv33 {
  flex: 1 1 0;
  min-width:150px;
  box-sizing: border-box;
}


.formbox {
width:calc(100%);
box-sizing: border-box;
padding:4px 7px;
margin:0 0 8px 0;
border-radius:3px;
border:0;
}

.formbox:focus {
outline:2px solid var(--zluta);
border:0;

}

.mycontactform .flexdiv33container {
gap:7px;
}

.mycontactform  {
max-width: 600px;
margin:0 auto;
padding:20px;
background-color: rgba(0,0,0,0.4);
border-radius:10px;
}

.mycontactform p {
font-size:var(--fs-small);
line-height:var(--lh-small);
}

.mycontactform h3 {
margin:0;
padding:0;
}

.mycontactform .formsubmit {
padding:7px 14px;
background-color: var(--zluta);
color:black;
border-radius:4px;
border: 0 ;
cursor:pointer;
font-weight: bold;
}

.mycontactform .formsubmit:hover {
background-color: var(--zluta2);
}



.homeflex-container {
  display: flex;
  align-items: center;   /* vertikální zarovnání sloupců vůči sobě */
  flex-wrap: nowrap;
  box-sizing: border-box;
  max-width:1000px;
  padding:150px 40px 0 40px;
  margin:0 auto;  
}

.homeflex-item1 {
  flex: 0 0 60%;
  margin: 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  text-align: left;
  /* display: block;  // implicitně, není nutné psát */
}
.homeflex-item1 h1 {
margin:0;
padding:0;
text-align: left;
font-size: var(--fs-xxl);
}


.homeflex-item2 {
  flex: 0 0 40%;
  margin: 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
  /* display: block; */
}

.homeflex-item2logo { 
width:100%;
max-width:300px;
aspect-ratio: 1 / 1;
background:url('logo.svg?') no-repeat center center;
display: inline-block;
transition:300ms all ease-in;
}

/* responzivně */
@media (max-width: 768px) {
  .xhomeflex-container { flex-wrap: wrap; }
  .xhomeflex-item1,
  .xhomeflex-item2 { flex: 0 0 100%; }
  
.homeflex-item2logo { 

}



.homeflex-item1 {
  flex: 0 0 70%;
}
.homeflex-item2 {
  flex: 0 0 30%;
}

}


/* responzivně */
@media (max-width: 450px) {
  .homeflex-container { flex-wrap: wrap; }
  .homeflex-item1,
  .homeflex-item2 { flex: 0 0 100%; }

.homeflex-item2logo { 
max-width:100px;
margin-top:30px;
}

}






.flex-container, .flex-containerboxik {
  display: flex;
  flex-wrap: wrap;
  }

.flex-item2 {
  width: 50%;
  margin: 0px;
  position: relative;
  overflow: hidden;
}

.flex-item3 {
  width: 33%;
  margin: 0px;
  text-align: center;
}
.flex-item4 {
  width: 25%;
  margin: 0px;
  text-align: center;
}

.flexpaddingleft {
padding:10px 30px 30px 30px;
text-align: left;
}

.flexpaddingright {
padding:10px 30px 30px 30px;
text-align:left;
}


.flex-image  {
min-height: 300px;

margin: 0;
box-sizing:border-box;
min-width:400px;
transition:200ms all ease-in;
position: relative;
}



.homepageboxypadding {
padding:0px 0px;
}
.flexitem4smallholder {
max-width:200px;
font-size:12px;
margin:0 auto;
}
.flexitem4smallholder strong {
font-size:35px;
background: -webkit-linear-gradient( #00c8aa,#00a88a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-weight:bolder;

}

.flexitem4smallholder p {
padding:0;
margin:0;
}
/* flex END */




iframe {
/* youtube iframe */
width:100%;
height:auto;
aspect-ratio:3/2;
}








p {
margin:0;
padding:10px 0 10px 0;
}


 img {
  border: none;
 }




 body {

 }



.div30vlevo {
float:left;
width:calc(100% / 3);
}



.footercontainer {
display:flex;
flex-wrap: wrap;
}
.div50container {
display:flex;
}

.div50vlevo {
width:50%;
box-sizing: border-box;
padding:0 30px 0 0;
}
.div50vpravo {
width:50%;
box-sizing: border-box;
padding:0 0 0 30px;
}



.logofooter {
aspect-ratio: 1 / 1;
max-width:180px;
width:100%;
}



.footervlevo {
max-width:200px;
width:100%;
box-sizing: border-box;
padding:0 30px 0 0px;
}

.footervpravo {
width:50%;
max-width:250px;
box-sizing: border-box;
padding:0 0 0 0px;
}


img.revealme {
transform: scale(0.5);
transition: .65s ease;
}



.textimage_full {
width:100%;
height:100%;
margin-bottom:30px;
min-height:300px;
border-radius:5px;
position: relative;
display: inline-block;
filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.1));
}






.textimage_right {
width:40%;
max-width:400px;
float:right;
margin:0 0px 10px 20px;
}

.textimage_rightSMALL {
max-width:200px;
}


.textimage_left {
width:40%;
max-width:400px;
float:left;
margin:0 20px 10px 0;
}


.textimage {
border-radius:10px;
width:100%;
margin:0 auto 10px auto;
display: block;
}


.textimage169 {
width:90%;
height:300px;

margin:0 auto;
}



.revealmeleft
{
 opacity:0;
 position: relative;
 left:-300px;
 transition: 1s ease;
}

.revealmebottom
{
 opacity:0;
 position: relative;
 top:100px;
 transition: 0.5s ease;
 transform:scale(0.7);
}

.revealmeright
{
 opacity:0;
 position: relative;
 left:300px;
 transition: 1s ease;
}





.fadeinauto {
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

 
.hidemobile {
display: block;
}

.showmobile {
display: none;
}

.showmobilekosik {
display: none;
}

.hidemobilekosik {
display: table-cell;
}


#logo {
left:25px;

top:21px;
display: inline-block;
position: absolute;
z-index:99;
text-decoration: none;
position: relative;
width:220px;
height:35px;
background:url(logo-horizontal-full.svg?) no-repeat left center;
background-size: contain;
transition:all 300ms ease;
/* filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5)) drop-shadow(1px 1px 2px black); */

}

#logo:hover {
/* filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5)) drop-shadow(1px 1px 2px black) grayscale(100%);
transform:scale(1.04);
 */
transform:scale(1.04);
 
 
}

#logo span {
display: none;
}



.mobilemenu {

width:32px;
height:28px;
position: absolute;
top:22px;
right:20px;
}



.mobilemenu span,.mobilemenu:before,.mobilemenu:after {
background-color:var(--zlata2);;
}



.mobilemenu span {
transition:all 100ms ease;
content:'';
position: absolute;
top:12px;
left:0;
width:32px;
height:4px;
border-radius:4px;
}

.mobilemenu:before {
transition:all 200ms ease;
content:'';
position: absolute;
top:0;
left:0;
width:32px;
height:4px;
border-radius:4px;
}

.mobilemenu:after {
border-radius:4px;
transition:all 200ms ease;
content:'';
position: absolute;
bottom:0;
left:0;
width:32px;
height:4px;
transform:rotate(0deg);
}



.mobilemenu.fadeOut:after {
transform:rotate(-40deg);
bottom:12px;
height:5px;
}

.mobilemenu.fadeOut:before {
transform:rotate(40deg);
top:12px;
height:5px;
}

.mobilemenu.fadeOut span {
opacity:0;
}


#menu ul li a {
font-size:var(--fs-small);
}


#menu ul li:last-child a {
color:var(--cerna);
background-color: var(--zluta2);
padding:8px 15px;
top:-3px;
border-radius:4px;
font-weight:bold;
}
#menu ul li:last-child a:hover {
background-color: var(--zluta);

text-shadow: 0 0 0 #000; !important;
transform:scale(1.05);
}
#menu ul li:last-child a.actual {

background-color: var(--zluta);
text-shadow: 0 0 0 #000; !important;
transform:scale(1.05);
}

#menu ul li:last-child a:before {
display: none;
}


#menum {
z-index:99999;
width:0;
box-sizing:border-box;
padding:20px 20px 10px 20px;
position: relative;
top:70px;
left:0;
background-color: white;
overflow: hidden;
border-bottom:3px solid var(--zlata2);

box-shadow: 0px 0px 300px rgba(0,0,0,0.5);
}


#menum ul li,#menum ul ul li {
list-style: none;
text-align: left;
}

#menum ul li a {
color:black;
display: block;
padding:10px;
text-decoration: none;
font-size:16px;
overflow: hidden;
}

#menum ul li a:hover,#menum ul ul li a:hover {
background-color:var(--zluta);
color:black;
border-radius:4px;
}

#menum ul li a.actual {
background-color:var(--zlata2);
color:white;
border-radius:4px;
}

#menum ul li li a.actual {
background-color:black;
color:white;
}

#menum ul ul li a {
font-size:14px;
color:black;
overflow: hidden;
display: block;
background-color:#f0f0f0;
padding:8px 8px 8px 20px;
text-decoration: none;
}

#menum ul , #menum ul ul, #menum ul li, #menum ul ul li {
padding:0;
margin:0;
}

#menu #menum ul li {
display: block;
}


 .holder {
  max-width: 1200px;
  width:100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
 }
.holderin {
padding:0 30px;
}








 #menudiv {
 z-index:9998;
 position: fixed;
 text-align: left;
 box-sizing: border-box;
 width:100%;
 height:70px;
 top:10px;
/* box-shadow: 0px 0px 10px rgba(0,0,0,0.8), 0px 0px 50px rgba(0,0,0,0.3); */


    background:rgba(0,0,0,0.5);
    backdrop-filter: blur(10px); /* Intenzita rozmazání */
    -webkit-backdrop-filter: blur(10px); /* Podpora pro Safari */


border-bottom:1px solid #232323;
 }
 
 
 #menudivlogin {
 z-index:9999;
top:0px;
position: fixed;
 text-align: left;
 box-sizing: border-box;
 width:100%;
 height:20px;
  }
#menudivlogin .holder {
 height:20px;
padding: 0 ;
margin:0 auto;
}





.menudivloginin {
position: absolute;
background:linear-gradient(to right, var(--modra2), rgba(90,90,90,1));

top:0px;
left:0px;
height:20px;
width:calc(100%);

font-size:var(--fs-small);
line-height:var(--lh-small);
box-sizing: border-box;
padding:3px 20px 0 0;
text-align: right;
}

.menudivloginin,.menudivloginin a {
color:#a0a0a0;
font-size:11px;
}

.menudivloginin a {
color:white;
text-decoration: none;
transition:all 100ms ease-in;
}

.menudivloginin a:hover {
color:var(--zluta);
text-decoration: none;
}


.menudivloginin .holder {
text-align: right;
}






 #menu {

 position: absolute;
 right:10px;
top:22px;
letter-spacing: 1px;

 }

.h1box {
padding:100px 0px 50px 0px;
margin:0 0 20px 0;
background-color: #a0a0a0;
text-align: left;
position: relative;
overflow: hidden;
}

.h1box h1 {
color:white;
}

.h1boxinner,.h1boxinnerbarva, .h1boxinnerbarva2, .h1boxinnerbarvamembers {
width:100%;
height:100%;
top:0;
left:0;
position: absolute;
}


.fakeh1 {
font-family:'Russo One';
pointer-events: none;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  bottom: 0;
  left: 0;
  position: fixed;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  
}
.fakeh1 span {
  text-align: left;
  display: block;
  width: 100%;
  
  color: rgba(255,255,255,0.02);
  font-weight: 800;
  text-transform: uppercase;
  filter: drop-shadow(0px 0px 20px rgba(0,0,0,1));
  font-size: 8rem;
  line-height: 6rem;
}


.h1boxinnerbarva {

 background:linear-gradient(to right, rgba(255,204,0,0.41),rgba(49,81,128,0));
opacity:1;
background-size: cover;
}

.h1boxinnerbarva2 {
background:linear-gradient(to bottom right, rgba(0,0,0,0.9), rgba(194,144,23,0.4));
}
.h1boxinnerbarvamembers {
background:linear-gradient(to bottom right, rgba(194,144,23,.4), rgba(194,144,23,1));

}


 #page {
  padding:0px 0 0 0;
  margin:0;
 }
 #pagehomepage {
  padding:0px 0 0 0;
  margin:0;
 }








 .footer {
  background-color:black;
  padding:20px;
  color:white;
  border-top: 1px solid #404040;
 }

 .footer a, .footer p {
font-size:var(--fs-small);
line-height:var(--lh-small);
}
.footer p {
 color:white;
}






#grid-container a {
background:url('/_tpl/default/preload.gif') no-repeat center center;
}

.grid-item {
display: inline-block;
}
 .grid-item:hover {
background-color: #d0d0d0;
 }


.grid-item img {
z-index: 1;
border-radius:10px;
transition:transform 200ms ease-in
}

.grid-item img:hover {

transform:scale(1.05);
}



.sluzba {
width:100%;
min-width:150px;
max-width:calc(100% /4 );
box-sizing:border-box;
height:350px;
/* aspect-ratio: 2 / 3; */
padding:10px;
display: inline-block;
float:left;
overflow: hidden;
text-decoration: none;
display: block;}

.sluzbain {
box-sizing:border-box;
border-radius:0px;
height:100%;
width:100%;
display: block;
position: relative;

overflow: hidden;
transition:300ms all ease;
}

.sluzbaobrazek{
height:100%;
width:100%;
display: block;
position: absolute;
top:0;
left:0;
transition:300ms all ease;
}

.sluzbanadpis {
background-color: white;
font-weight: bold;
color:black;
padding:10px;
display: block;
position: absolute;
bottom:0;
box-sizing:border-box;
width:100%;
font-size:var(--fs-normal);
line-height:1;
transition:300ms all ease;
}

.sluzbanadpis:before {
content:'';
position: absolute;
top:-55px;
left:0px;
width:100%;
height:60px;
}

.sluzbanadpis small {
color:black;
display: block;
font-weight: normal;
padding-top:3px;
font-size:var(--fs-small);
line-height:var(--lh-small);
color:#808080;
}

.sluzba:hover .sluzbaobrazek {
transform:scale(1.1);
}


.sluzba:hover .sluzbaobrazek {
transform:scale(1.1);
}


.sluzba::before {
  content: "";
  position: absolute;
transition:300ms all ease;
top: 8px; left: 8px; right: 8px; bottom: 8px;
  background:var(--zluta);
   background:linear-gradient(to right bottom, #a0a0a0,#898989)

}


.sluzba:hover::before {
top: 4px; left: 4px; right: 4px; bottom: 4px;
  z-index: -1;
  background:linear-gradient(to right bottom, var(--zluta),var(--zluta2))
}

/* zprava */

 .zprava {
width:100%;

margin:0 0 40px 0;
text-align: left;
background:rgba(255,255,255,0.1) url('rozek.svg?') no-repeat right bottom;
text-decoration: none;
background-size: 80px 100px;
  }
  
.zpravadatum {
font-size:var(--fs-small);
line-height:var(--lh-small);
}

.zprava td:first-child
{
width:200px;
min-height:100px;
}


.zpravain {
padding:20px;
display: block;
}

.zpravaobrazek {
background-color:#121212;


}


.zpravaobrazeklogo {
 
background-size: cover;
height:100%;
min-height:150px;
display: block;
box-sizing:border-box;
}

.zpravavnitrek {
}

.zpravanadpis {
font-weight: bold;
color:var(--zlata2);
}

.zpravatext {
}




 .clearer {
  clear: both;
 }





/*  diskuze  */

.diskuze-zprava {
background-color:#e9e9e9;
margin:8px 0 8px 0;

padding:10px;
}
.diskuze-zprava-odpoved {
background-color:#e9e9e9;
margin:8px 0 8px 0;
padding:10px;
}

.diskuze-sml {
background-color:#e9e9e9;
height:40px;
text-align:right;
padding-right:10px;
border-right:1px solid #8b8b8b;
margin:5px 0 5px 0;
cursor:pointer;
}

.diskuze-sml2 {
background-color:#e9e9e9;
text-align:right;
padding:10px 10px 0 0;

margin:5px 0 5px 0;
}

.diskuze-sml span {
padding:13px 5px 0 0;
display:block;
}

.diskuze-sub1{
padding-left:10px;
}
.diskuze-sub2{
padding:0 0 10px 10px;
border-left:1px dotted #8b8b8b;
}

.diskuze-form {
padding-right:10px;
padding-bottom:10px;
text-align:right;
}

.diskuze-formular {
text-align:left;
width:100%;
height:210px;

background-color:#e0e0e0;
}

.diskuze-formular form {
padding:8px 0 8px 8px;
display:block;
margin:0;
float:right;
}


.diskuze-formular form input,.diskuze-formular form textarea {
width:100%;
max-width: 400px;
font-size:14px;
}

.diskuze-formular input.submitter {
cursor: pointer;
background-color: black;
color:white;
border:0 ;
padding:8px 0;
font-size: 16px;
}

.diskuze-formular input.submitter:hover {
background-color: #787878;
}

.article_keywords {
background-color: #e0e0e0;
padding:5px;
margin:10px 0 10px 0;
}






.r3d {
margin:0;
padding:0;
line-height: 1;
text-align: right;
display: block;
line-height:var(--lh-small);
font-size: 12px;
}

.r3d a {
text-decoration: none;
font-size: 12px;
color:#a0a0a0;
line-height:var(--lh-small);
}

.r3d a:hover {
text-decoration: underline;
}


.cookiemessage {
line-height:var(--lh-small);
color:black;
font-size: 12px;
margin:0;
padding:0;
display: block;
color:#707070;
}
.cookiemessage a {
color:#565656;
text-decoration: none;
transition:all 200ms ease;
}
.cookiemessage a:hover {
color:black;
text-decoration: underline;
}

.procleny {
line-height:var(--lh-small);
color:black;
font-size: 14px;
margin:0;
padding:0 0 20px 0;
display: block;
}
.procleny a {
color:black;
}

.holderboxiky {
margin:30px auto 50px auto;
width:100%;
max-width:900px;
box-sizing: border-box;
}

.homepageboxik {
background-color: var(--modra);
background:linear-gradient(to right bottom, var(--modra),var(--modra2));
color:black;
max-width:300px;
height:100%;
margin:10px 20px;
box-sizing: border-box;
padding:30px 20px;
font-size:var(--fs-small);
/* text-shadow: -1px -1px 1px rgba(255,255,255,0.7), 1px 1px 1px rgba(0,0,0,0.3); */

}

.homepageboxik  h3 {
color:black;
margin:0 0 15px 0;
padding:0;
}

.homepageboxik img {
width:40px;
/* filter: drop-shadow(-1px -2px 2px rgba(255,255,255,0.7)) drop-shadow(1px 2px 1px rgba(0,0,0,0.3)); */
 
}

.bxslider,.bxsliderholder,.centered-div,.centered-div2  {
padding:0;
margin:0px 0 0 0;
height:80vh;
box-sizing: border-box;
display: block;
overflow: hidden;
border-bottom:2px solid black ;
}


.bxslider  {
opacity:1;
}


.rezervacebutt {
position:absolute;
bottom:0;
width:100%;
}
.rezervacebutt .tlacitkodiv {
position:relative ;
bottom:0;
width:100%;
}

.bxslider li {
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




.bxsliderholder,.bxslider {
/* background-color: black; */
}

.centered-div {
background-color: rgba(0,0,0,0.1);;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:0px;
    left:0;
    width:100%;

}


.centered-div2 {
background-color: rgba(0,0,0,0);
    display: flex;
    justify-content: center;
    align-items: flex-end;    
    position: absolute;
    top:0px;
    left:0;
    width:100%;

}


.centered-div h1 {
color:white;
text-align: left;
margin:0;
padding:0 0 30px 0;

}

.centered-div h1 strong {
color:var(--modra);
}









/* LOGIN FORM */


.loginform {
background-color: rgba(255,255,255,0.2);
max-width:500px;
width:100%;
padding:20px;
border-radius:10px;

box-shadow: 0px 0px 30px rgba(0,0,0,0.15);

margin:40px auto 40px auto;
box-sizing:border-box;
text-align: left;

}

.loginformContainer {
display: flex;
    flex-wrap: wrap;
gap:10px;
box-sizing:border-box;
}

.loginformFlexItem {
box-sizing:border-box;
display:block;
width:225px;
align-items: center;
justify-content: center;
}

.loginform input, .loginform select {
margin:4px 0;
padding:3px 4px;
width:100%;
box-sizing:border-box;

font-size:var(--fs-normal);
line-height:var(--lh-normal);
position: relative;
border:1px solid #707070;
border-radius:4px;
display: block;
}

.loginform input:focus {
outline: 2px solid var(--zluta2);
}




.loginform label {
font-size:var(--fs-small);
line-height:var(--lh-small);
padding:0;
margin:0;
display: block;
}

.loginform .loginformSubmit {
margin:20px 0;
color:black;
background-color: var(--zlata2);
transition:all 200ms ease-in;
cursor: pointer;
}

.loginform .loginformSubmit:hover {
color: var(--zlata2);
background-color: black;
}

.loginform hr {
margin:15px 0;
}


.loginform .warning {
background-color: #890000;
padding:5px 10px;
color:white;
text-align: center;
margin:0 0 20px 0;
border-radius:3px;
}

.loginform .warninggreen {
background-color: #008900;
padding:5px 10px;
color:white;
text-align: center;
margin:0 0 20px 0;
}



.loginform .loginwarningRamecek {
background-color: #ffe0e0;
}

@media (max-width: 500px) {
.loginformFlexItem {
 width:100%;
 }

.loginform {
margin-left:10px;
margin-right:10px;
width:100%;
padding:10px;
box-sizing: border-box;

}


}






@media (max-width: 2200px) {

.placeholder {
}


 .zprava {
}



}



@media (max-width: 1400px) {

.placeholder {
}


 .zprava {
 }




.hlavniobsahsablona1 { margin:30px 10px; }
.hlavniobsahsablona2 { margin:0 10px; }
.hlavniobsahsablona3 { margin:0 10px; }
.hlavniobsahsablona4 { margin:0 10px; }

}




@media (max-width: 990px) {

.placeholder {
}





.footervlevo {
max-width:100%;
width:100%;
height:100px;
box-sizing: border-box;
padding:0 30px 0 0px;
}


.logofooter {
aspect-ratio: 1 / 1;
max-width:180px;
width:80px;
}




.holder {
width:100%;
}
.holderin {
padding:0 20px;
}

 .zprava {

}


.h1box {
padding:70px 0px 30px 0px;
margin:0 0 30px 0;
}


.fakeh1 span {
font-size:6rem;
}



}

@media (max-width: 880px) {

.placeholder {
}
.sliderholder {
height:20vh;
}

.bxslider,.bxsliderholder,.centered-div,.centered-div2  {

height:80vh;
}


.centered-div {

padding-top:100px;
}



.centered-div .schovat {
display: none;
}

#menu ul li:last-child a:hover {
transform:scale(1,1) !important;
}


.div50container {
display:block;
}

.div50vlevo {
float:auto;
width:100%;
box-sizing: border-box;
padding:0px 0 0 0;
}
.div50vpravo {
float:auto;
width:100%;
box-sizing: border-box;
padding:20px 0 0 0;
}




.div30vlevo {
float: none;
width:100%;
}


.flex-container {
  display: block;
  }

.flex-item2 {
  width: 100%;
}
.flex-item4 {
  width: 100%;
  order:1;
}

.flexpaddingright, .flexpaddingleft {
padding:20px 0;
text-align: left;
}



.flex-image  {
min-height: 200px;
min-width:0;
max-width:100%;
aspect-ratio:2/1;
}



.div50vlevo, .div50vpravo {
width:100%;
box-sizing: border-box;
padding:0;
float: none;
}


 .zprava {
}

.hidemobile {
display: none;
}

.showmobile {
display: block;
}

.vypiszprav {
padding:0;
}


#menudiv {
/* position: absolute; /**/
}

 #menu {
position: absolute;
left:0px;
top:0px;
width:100%;
 }



.sluzba {
max-width:calc(100% /3 );
height:250px;
}


.homepagelogo {
height:auto;
max-height:100%;
width:60%;
aspect-ratio: 172 / 126;
}

.homepagelogo2 {
height:auto;
width:100%;
max-width:200px;
aspect-ratio:1 / 1;


max-height:25vh;
border:1px solid blue;
overflow: visible;


}


}

@media (max-width: 300px) {



.placeholder {
}
.hidemobilekosik {
display: none;
}

.showmobilekosik {
display: table-cell;
}

.showmobilekosikhlavnitext {
line-height:var(--lh-small);
padding:0 0 3px 0;
}
.showmobilekosikhlavnitextlinka {
border-top:1px dotted #303030;
padding:0 0 4px 0;
}

}

@media (max-width: 700px) {

.flex-item3 {
  width: 100%;
  order:1;
}

.homepageboxik {
margin:10px 0;
width:100%;
max-width:100%;
}


.flex-containerboxik {
  display: block;
  }
}
  
  
@media (max-width: 500px) {

.footervpravo {
width:100%;
}

.tlacitkodiv {
padding:15px 0;
}



.placeholder {
}
.footercontainer {
display:block;
}


 .zprava {
}
.sluzba {
max-width:calc(100% / 2 );
}


.textimage, .textimage_right, .textimage_left {
width:100%;
max-width:100%;
float: none;
margin:0 0px 10px 0;
}

.textimage_rightSMALL {
max-width:100px;
}






.zpravaobrazeklogo {

background-size: contain;
height:100px;
display: block;
box-sizing:border-box;
}


.zprava td{
display: block;
max-width:100%;
width:100%;
}

.zprava td:first-child
{
max-width:100%;
width:100%;
min-height:100px;
}



#logo {

left:10px;
max-width:calc(100% - 90px);
}

 body {

}



.rezervaceblok .kalendartable td span small, .rezervaceblok .kalendartable td a small{
font-size:var(--fs-xsmall);
}


}





@media (max-width: 360px) {

.placeholder {
}

.sluzba {
max-width:100%;
aspect-ratio:1 / 1;
}


 .zprava {
}


}