@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

body{background-color:#fff;color:black;font-family:'Montserrat-Regular', sans-serif;font-size:110%;font-weight:300;line-height:1.5;margin:0 auto;padding:0;text-align:left;}
/* "Roboto", "Helvetica", "Arial", sans-serif;      font-family: 'Inglesa Caps Variable Regular', serif;   */
a{color:#008CD2;text-decoration:underline;}
a:hover{text-decoration:none;}
div, ul, li, h1, h2, h3, form{border:0;margin:0;padding:0;}
/*img{border:2px solid #767676;-moz-box-shadow:4px 4px 10px #C6C6C6;-webkit-box-shadow:4px 4px 10px #C6C6C6;box-shadow:4px 4px 10px #C6C6C6;margin:7px}*/
ul{list-style-type:none;margin:10px 30px 10px;}
ul.disc li{list-style-type:disc;margin:5px 0 5px 20px;font-weight:300;}
ul.circ li{list-style-type:circle;margin:5px 0 5px 20px;font-weight:300;}
ul.circ{list-style-type:circle;margin:5px 0 5px 60px;}
.right .circ {padding:0;margin:25px;}
/*
h1, h2, h3{font-size:1.8em;font-weight:lighter;letter-spacing:1px;padding:25px 0 10px 0;margin-left:30px}
*/
h1, h2, h3{font-size:1.5em;font-weight:800;letter-spacing:1px;margin:25px 0 0 30px;font-family: 'Inglesa Caps Variable Regular', serif;}
#nadpis{font-size:1.6em;font-family: 'Inglesa Caps Variable Regular', serif;margin:52px 0 10px;}
.pbo{font-family:'Montserrat-Regular', sans-serif;margin:6px 0 16px;letter-spacing:5px;}
.pbo2{margin:6px 0 16px;font-weight:300;}
h2{font-size:1.2em;}
h3{font-size:1.2em;}
a{color:black;}
p{margin:20px 30px;font-weight:300;text-align:justify;}
nav{font-family:'Montserrat-SemiBold', sans-serif;background-color:#FFF;color:black;-moz-box-shadow:4px 0 10px #C6C6C6;-webkit-box-shadow:4px 0 10px #C6C6C6;box-shadow:4px 0 10px #C6C6C6;height:49px;opacity:80%;padding:15px 0;position:fixed;width:100%;}
nav a{display:block;font-weight:400;font-size:0.95em;float:right;letter-spacing:1px;text-decoration:none;padding:1em;}
nav a:hover{color:#828681;}
div.hamburger-menu, .noPC{display:none;}
footer{background-color:black;color:white;float:left;border-top:3px solid #767676;padding:20px 0;text-align:left;width:100%;margin-top:50px;}
footer a{color:white;margin-top:2px;text-decoration:none;}
footer li{float:left;padding:2px 5px;}
table{border-collapse:collapse;border-width:1px;empty-cells:show;font-weight:300;margin:0 30px 30px;width:95%;}
td, th{border:.08em #dbd9da dotted;padding:.3em .5em;}
th{font-size:0.9em;background-color:#F1F1F1;}
.buttonPri, .buttonPri2, .buttonPri3{font-size: 15px;}
.buttonPri{box-shadow:1px 2px 8px #9A9A9A;cursor:pointer;letter-spacing:.1em;margin:2.5em 4.5em 4.5em 0;background-color:#208320;border-radius:8px;border:2px solid forestgreen;padding:15px 30px;color:white;}
.buttonPri2{box-shadow:1px 2px 8px #9A9A9A;cursor:pointer;letter-spacing:.1em;margin:1.5em 1.5em 4.5em 2.3em;background-color:#208320;border-radius:8px;border:2px solid forestgreen;padding:15px 30px;color:white;}
.buttonPri3{box-shadow:1px 2px 8px #9A9A9A;cursor:pointer;letter-spacing:.1em;margin:1.5em 1.5em 4.5em 2.3em;background-color:white;border-radius:8px;border:2px solid #208320;padding:15px 30px;color:#208320;}
.fll{float:left;}
.flr{float:right;}
.box {
    display: inline-block;
    vertical-align: top;
    height: 300px; /* Změňte podle vašich potřeb */
}
#box1 {width: 310px;padding:40px 20px 0;}
#box2 {width: 500px;padding:0 0 0 20px;}
#box2 h1 {margin-left:0;}
#box3 {padding:20px 0 0;}
.clb{clear:both;}
.joPc{display:block;}
.mg20{margin:20px;}
.mg21{margin:20px 20px 20px 40px;}
.mgl{margin-left:20px;}
.mgl1{margin-left:10px;}
.ram1a{width:395px;margin:20px 50px 20px 80px;}
.ram1b{width:395px;margin:20px 80px 20px 50px;}
.ram2{height:350px;width:470px;margin:0 0 20px 30px;}
.ram3{width:1032px;margin:50px 20px;background-color:#F1F1F1;padding:0;text-align:justify;}
.ram3 ul{margin-left:80px;list-style:circle;}
.ram4, .ram4a, .ram4b{height:160px;width:228px;margin:20px;padding:65px 0 0 0;border:1px solid #696969;background-color:#FFFFFF;color:black;font-size:20px;text-align:center;font-family: 'Montserrat Medium', sans-serif;}
.ram4:hover, .ram4a:hover, .ram4b:hover{background-color:#F0F0F0;}
.ram5{width:450px;}
.ram6{width:270px;}
.ram7{height:480px;}
.tex_dec_no{text-decoration:none;}

.container2 {
    margin:110px 0 50px;
    background-color:#FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 200px; /* výška rodičovského obdélníku */
    width: 100%; /* šířka rodičovského obdélníku */
}
.container2 a{text-decoration:none;}

.container1 {
    display: flex;
    border:1px solid #696969;
    margin:50px 20px 0;
}
.container3 {display:flex;justify-content:space-between;align-items:center;width:100%;}
.container3 h1, .buttonPri2, .buttonPri3 {margin:20px;}
.container {background-color:#FFF;
    border:1px solid #696969;
    margin:50px 20px 0;
    padding:0;
    display: flex;
    align-items: flex-start;
}

.container-footer {
    margin:30px 20px 0;
    padding-top:30px;
    display: flex;
    align-items: flex-start;
    text-align:left;
}

.rectangle {

    /* další styly pro obdélník */
}

.left {
    width: 200px;
    text-align:left;
  }
.left2 {
    width: 350px;
    text-align:left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.right {
    flex: 1;
    padding-right:15px;
}

.txc{text-align:center;}
.wrapper{margin:0 auto;max-width:1100px;}
#content{margin:0 auto;padding:120px 0 0 0;width:100%;}
#logo{margin-top:-15px;border:0;box-shadow:none;}

.hamburger-menu {
    display: flex;
    align-items: center;
    position: relative; /* Přidáno */
    font-weight:300;
}

.hamburger-toggle {
    display: none;
}

.hamburger {
    display: inline-block;
    cursor: pointer;
    padding: 15px;
}

.line {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #000;
    margin: 5px 0;
    transition: transform 0.3s;
}

.line1,
.line3 {
    transition-delay: 0.1s;
}

.line2 {
    transition-delay: 0.2s;
}

.hamburger-toggle:checked + .hamburger .line1 {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger-toggle:checked + .hamburger .line2 {
    opacity: 0;
}

.hamburger-toggle:checked + .hamburger .line3 {
    transform: rotate(-45deg) translate(5px, -5px);
}

.menu {
    list-style: none;
    display: none;
    position: absolute; /* Přidáno */
    top: 60px; /* Přidáno */
    left: 0; /* Přidáno */
    width: 90%; /* Přidáno */
    background-color:#F1F1F1; /* Přidáno */
    padding: 20px; /* Přidáno */
    box-sizing: border-box; /* Přidáno */
}

.hamburger-toggle:checked + .hamburger ~ .menu {
    display: block;
}

@media (min-width: 481px) and (max-width: 767px) {
    #box3 {display:none;}
}

@media (min-width: 768px) and (max-width: 1116px){
    #box3 {display:none;}
}

@media screen and (max-width:480px){
    body{font-size:120%;font-weight:400;}
    #box1 {width: 100%;display:flex;justify-content: center;align-items: center;padding:0;}
    #box2 {width: 92%;padding:4%;height:auto;}
    #box2 h1 {font-size:1.2em;margin-left:0;white-space: nowrap;}
    #box3 {display:none;}
    .noPC{display:block;}
    nav {display:none;}
    div.hamburger-menu{display:block;padding:0 15px 0 0;}
    div.hamburger-menu a{font-size:1.2em;clear:both;}
    p{margin:3%;padding:0;}
    .left, .right {padding:0;width:100%;}
    .pbo{display:none;}
    .pbo2{font-size:1em;margin:6px 5% 16px;text-align:justify;width:90%;}
    .container2 a{text-decoration:underline;}
    .left h2{margin-left:5%;}
    .left2 {width:100%;}
    .right h2 {margin-left:20px;white-space: nowrap;}
    .right p, .pnor {padding:8px 0 0;margin:5%;}
    .right .circ {padding:0;margin:18px;}
    .ram2{height:auto;width:auto;margin:0 0 20px;}
    .ram1, .ram3{width:100%;}
    .ram1a {padding:20px 0 0;margin:0;width:100%;height:auto;}
    .ram1a p, .ram1b p{margin:5%;}
    .ram1a h2, .ram1b h2 {font-size:1.2em;margin-left:5%;white-space: nowrap;}
    .ram1b {padding:10px 0 0;margin:0;width:100%;height:auto;}
    .ram3{width:94%;margin:20px 3%;background-color:white;padding:0;text-align:justify;}
    .ram3 ul{margin-left:40px;list-style:circle;}
    .ram4, .ram4a, .ram4b{width:90%;margin:0 4%;padding:30px 0;border:0;height:auto;}
    .ram4a{margin-top:0;}
    .ram4b{margin-bottom:-30px;}
    .ram7{height:auto;}
    .joPc, .strip{display:none;}
    .fs09{font-size:1.4em;margin-bottom:5px;}
    .fs10{margin:55px 0 0 30px;}
    .fs11{margin:25px 0 0 30px;}
    .fs12{margin-top:35px;margin-bottom:10px;}
    .container3 h1{margin-left:18px;}
    .ram3 h1{margin:0 0 35px 10px;font-size:1.2em;font-weight:bold;}
    table{margin:10px 10px 30px 10px;}
    .mg22{margin:45px 20px 0 20px;}
    .ram5, .ram6, .container-footer{width:90%;padding:0 5%;}
    h1, h2, h3{font-size:1.8em;margin:15px 0 20px 20px;font-weight:normal;}
    h2{font-size:1.3em;margin:15px 0 0 10px;}
    h3{font-size:1.2em;margin:15px 0 10px 50px;}
    .marg h1, h2, h3, form{margin:15px 0 10px 15px;}
    img{height:auto;max-width:300px;box-shadow:none;}
    #content{padding:20px 0 0 0;width:100%;}
    #nadpis{font-size:1.4em;margin:32px 0 20px 20px;font-weight:bold;}
    #menu li{float:none;}
    #logo{margin-top:-5px;}
    .container2 {
        height:unset;
        margin:20px 0;
        align-items: stretch;
    }
    .container, .container1, .container2, .container-footer {
        flex-direction: column;
        margin-left:0;margin-right:0;
        margin-top:0;
        border:0;
    }

    .right {
        width: 100%;
    }

}