.input[type="button"] {
    padding:0;
}
.testr {
    display:block;
    overflow:hidden;
    border:1px solid red;
    min-height:1em;
    min-width:1em;

}
.testg {
    overflow:hidden;
    border:1px solid green;

}
.testb {
    overflow:hidden; 
    border:1px solid blue; 

}
.testy {
    overflow:hidden;
    border:1px solid yellow;
    min-height:1em;
    min-width:1em;

}
.fr {
    float:right;
}
.fl {
    float:left;
}
.tac {
    text-align:center;
}
.tar {
    text-align:right;
}
.tal {
    text-align:left;
}
.cb {
    clear:both;
}
.cr {
    clear:right;
}
.cl {
    clear:left;
}
.db { display:block;}

.nopad {
    padding:0
}
.nopadh {
    padding-left:0;
    padding-right:0;
}
.nomart {
    margin-top:0;
}
.nomarb {
    margin-bottom:0;
}
.m1000 {
    margin:15px 0 0 0;
}
.p0001 {
    padding: 0 0 0 15px
}
.debug {
    position:absolute;
    top:0;
    left:0;
}
.w100 {
    width:100%
    
}
h2 {
    color:rgb(182,141,108);
    margin:1.5em 0 0 0;
}
.orange {
    color:rgb(182,141,108);
}
.fb_date {
    font-weight:bold;
}

h1 {
    color:rgb(182,141,108);
    font-size:1.5em;
    margin-top:0;
}
p {
    margin:0.5em 0;
}

#map {
    padding:0;
    height:80vw;
    border:1px solid gray;
    margin-bottom: 30px
}




.top_header {
    /*height:90vw;*/
    border-top:12px solid rgb(182,141,108);
}

body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1d4c5+0,ffffff+29,ffffff+100 */
    background: #e1d4c5; /* Old browsers */
    background: -moz-linear-gradient(left,  #e1d4c5 0%, #ffffff 29%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #e1d4c5 0%,#ffffff 29%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #e1d4c5 0%,#ffffff 29%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1d4c5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}
.container-fluid {
    max-width:800px
}
.important-info {
    background-color: #f2f2f2; /* Sv�tl� pozad� pro lep�� �itelnost */
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.important-info ul {
    list-style: none; /* Odstran�n� v�choz�ch bod� seznamu */
    padding: 0; /* Odstran�n� v�choz�ho paddingu */
    margin: 0 0 15px 0; /* Nastaven� marginu pro odd�len� od dal��ho obsahu */
}

.important-info ul li {
    margin-bottom: 5px; /* Mal� prostor mezi polo�kami seznamu */
}

.important-info ul li strong {
    color: #E48171; /* Nastaven� barvy pro kl��ov� slova */
}

.important-info p {
    margin-bottom: 0; /* Pro lep�� vizu�ln� propojen� s p�edchoz�m seznamem */
}

.logo {
    background:url("images/logo_camp_alpa3.svg");
    background-repeat:no-repeat;
    height:25vw;
    background-size:contain;
    margin:15px 0 0 15px;
    display:block;
    float:left;
}
.menu_button {
    background:url("images/menu-button.svg");
    background-repeat:no-repeat;
    height:40px;
    width:40px;
    background-size:contain;
    margin: 15px   15px 0 0;
    border:0;
    display:block;
    float:right;

}
.lang_switch_box {
    clear:both;
    padding:15px ;
    display:flex;
    justify-content:space-between;

}

.lang_switch_box img {

    width:6vw;
    clear:both;
    display:inline-block;
    box-shadow: 0px 0px 4px black;
    /*margin-left:2vw*/


}
[class^="lang_item"] img {

    width:6vw;
    clear:both;
    display:inline-block;
    box-shadow: 0px 0px 4px black;
    /*margin-left:2vw*/


}
.lang_item_cs {
    background:url("images/cs.svg");
    background-size:contain ;
    background-repeat:no-repeat;
}
.lang_item_en {
    background:url("images/en.svg");
    background-size:contain;
    background-repeat:no-repeat;
}
.lang_item_de {
    background:url("images/de.svg");
    background-size:contain;
    background-repeat:no-repeat;
}
.lang_item_fr {
    background:url("images/fr.svg");
    background-size:contain;
    background-repeat:no-repeat;
}
.lang_item_pl {
    background:url("images/pl.svg");
    background-size:contain;
    background-repeat:no-repeat;
}
.lang_item_hu {
    background:url("images/hu.svg");
    background-size:contain;
    background-repeat:no-repeat;
}
.lang_item_it {
    background:url("images/it.svg");
    background-size:contain;
    background-repeat:no-repeat;
}

.trap_tmavy {
    height:12vw;
    background:url("images/trap-tmavy-mob2.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:-5px 0;


    color:white;
    padding-top:2vw;
    text-align:center;
    font-size:1.5em
}
.trap_svetly {
    height:12vw;
    background:url("images/trap-svetly-mob.svg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position-x:  10px ;
    background-position-y:  100% ;
    font-size:1.2em;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content: flex-start;
    padding:0.5em 0;
}
.trap_svetly  > div {
    text-align:right;
    margin-left:20vw;


}

.inner_flex {
    /*align-items:center;*/
}

.handwriting {
    font-family: 'Dancing Script', cursive;
}

.telefon {
    background:url("images/telefon.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position: 0 5px;
    display:block;
    padding-left:2em;
    background-size:10%;
    text-align:left;


}

.telefon a.telefon-link {
    color:#000 !important;
    text-decoration:underline;
}

.telefon a.telefon-link:hover {
    color:#E48171 !important;
    text-decoration:underline;
}

.email{
    background:url("images/email.svg");
    background-size:10%;
    background-repeat:no-repeat;
    background-position: 0 5px;
    display:block;
    color:white;
    text-align:left;
    padding-left:2em;

}
.home_link {
    /*    float:left;*/
}
.header_image_box {
    overflow:hidden;
    position:relative;
}
.trap_tmavy.from_tn {
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:center;
    height:auto;
    padding:15px 45px 15px 45px;
    font-size:2.6vw

}
.header_right_box {
    padding:0
}
.menu {
    overflow:hidden;
    border-top:4px solid white;

}

.menu_item {
    display:block;
    width:50%;
    float:left;
    background:rgb(182,141,108);
    color:white;
    padding:0.4em 1em;
    text-transform: uppercase;
    font-weight:bold;
    text-decoration:none;
    border-bottom:4px solid white;
}

.menu_item:nth-of-type(odd) {
    border-right:2px solid white;
}
.menu_item:nth-of-type(even) {
    border-left:2px solid white;
}

.menu_item:hover {
    text-decoration:none;
    color:white;
}


.menu_item.menu_active {
    background:rgb(56,50,52);

}
.content {
    padding:15px 15px;
}
.cenik {
    width:100%;
    padding:30px
}
.cenik th, .cenik td {
    width:33%;
    border:2px solid white;
   
 
}

.cenik tr th {
    background:rgba(182,141,108,0.1)
}
.cenik tr:nth-of-type(odd) td {
    background:rgba(182,141,108,0.1);
}
.cenik tr:nth-of-type(even) td {
    background:rgba(182,141,108,0.17);
}

.cenik_popis {
     padding: 0.4em 0 0.4em 2em
}
.cenik_obsah {
      text-align:center;
       padding: 0.4em 0 0.4em 2em
}

.gal_foto {
    margin-bottom:30px
}
.cafe_link {
    text-decoration: underline;
    font-weight:bold;
    font-size:1.2em;
    color:rgb(0,56,130);
}
.vylet {
    display:block;
    color:black;
    text-decoration:underline;
    margin-bottom:0.7em
    
    
}
.menu {
    display:none
}


.footer 
{
    margin:15px 0;
    border-top:1px solid rgb(111,111,111);
    color:rgb(111,111,111);
}
.footer .tal {
    float:left;
}
.footer .tar {
    float:right;
}
.footer span {
    display:inline-block
}

.sites a {
    display:block;
    color:black;
    text-decoration: underline;
    margin-bottom:0.5em;
    font-weight:bold;
    font-size:1.2em
        
}
.stan {
    background-image:url(images/bullet2.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left:1.5em;
    background-position-y: 3px
}

.sluzba-item {
    margin-bottom: 0.8em;
    line-height: 1.4;
}

.sluzba-bullet {
    color: #ff6600;
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 0.5em;
}



/*XS*/
@media (max-width:330px) {
    .trap_tmavy {
        font-size:1.2em
        
    }
    .trap_svetly {
        font-size:0.9em;
       height:14vw
        
    }
    .menu_item {
        font-size:0.85em;
    }
    
}
@media (min-width:480px) {
    .logo {
        height:26vw;
    }
    .lang_switch_box {
        float:left;
        clear:right;
        margin-left:17vw;
    }
    .menu_button {

        height:40px;
        width:40px;
    }
    [class^="lang_item"] img {

        width:3vw;
    }
    .header_contact {
        
    }
    .trap_tmavy {
        background-size:contain;

    }
    .trap_svetly {
        float:right;  
        padding:0.5em 0 0.5em 0;
        height:10vw;
        background:url("images/trap-svetly-big.svg");
        background-size:cover;
    }
    .trap_tmavy.from_tn {
        font-size:3.5vw;
        padding-top:10px
    }
    .trap_svetly  > div {
        margin-right:2vw;
    }
    .menu_item {
        width:100%;
        text-shadow: rgba(0, 0,0,0.5) 0px 0px 3px
    }
    .menu_item:nth-of-type(odd) {
        border-right:none;
    }
    .menu_item:nth-of-type(even) {
        border-left:none;
    }

    .top_header {
        position:relative;
    }
    .header_right_box {
        position:absolute;
        bottom:0;
        right:0
    }
    .trap_svetly  > div {

        margin-left:15vw;


    }
    .content {
    padding:15px 45px;
    min-height:400px
}
#map {
     height:50vw;
 }
 .menu {
    display:block
}
.trap_svetly {
  
    font-size:1.2em;
}
}

/*SM*/
@media (min-width:767px) {
    .logo {

        height:18vw;
    }
    [class^="lang_item"] img {

        width:2vw;
    }
    body {
        padding:0 15px;
    }
    .trap_svetly {
        float:right;  
        padding:0.5em 0 0.5em 0;
        height:8vw;
        background:url("images/trap-svetly-big.svg");
        background-repeat:no-repeat;
        background-position-x:20px;
        background-position-y:  100% ;
        background-size:100%;

    }
    [class^="lang_item"] {
        height:1.332vw;
        width:2vw;
    }
    #map {
     height:35vw;
 }


}
/*MD*/
@media (min-width:992px) {
    .logo {

        height:13vw;
    }


}
/*LG spec*/
@media (min-width:900px) {
    .logo {
        max-height:150px
    }
    .trap_tmavy.from_tn  {
        font-size:28px
    }
    .trap_svetly {
        height:85px
    }

    .header_contact {
        font-size:20px
    }
    .lang_item img {

        width:22px
    }
    
    .header_contact {
        padding:0;
    }
     #map {
     height:28vw;
 }
/* Vyskakovací okno overlay, které zakrývá celou obrazovku */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Ztmavené pozadí pro lepší viditelnost */
    display: none; /* Skryto do aktivace */
    z-index: 9999; /* Zajistěte, že bude nad všemi ostatními prvky */
}

/* Styly pro vyskakovací okno */
.popup-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 400px; /* Omezení šířky na desktopu */
    background: #ffffff; /* Bílé pozadí */
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); /* Stín pro lepší vizuální oddělení */
    display: none; /* Skryto do aktivace */
    z-index: 10000;
}

/* Tlačítko pro zavření okna */
.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    color: #ff0000; /* Červená barva pro lepší viditelnost */
    font-size: 1.5em; /* Větší ikona pro snadnější klikání */
    cursor: pointer;
}


}
@media (min-width:1200px) {
    .lang_switch_box {

        margin-left:218px;
    }
}
a[href^="tel:"] {
    color: #E48171; /* Teplejší odstín oranžové */
    text-decoration: underline; /* Podtržení pro zvýraznění odkazu */
    font-weight: bold; /* Tučné písmo pro lepší viditelnost */
}