@font-face {font-family: Montserrat;src: url(fonts/Montserrat-VariableFont_wght.ttf);}@font-face {font-family: Milonga;src: url(fonts/Milonga-Regular.ttf);}@font-face {font-family: Mingzat;src: url(fonts/Mingzat-Regular.ttf);}@font-face {font-family: Metrophobic;src: url(fonts/Metrophobic-Regular.ttf);}body {touch-action: pan-y;background-color: #8d8978;}h1{font-size: 2.8rem;font-weight: 400;}h2{font-size: 1.8rem;font-weight: 400;}p{font-size: 1.5rem;font-family: Milogna;}html {overflow-x: hidden;}body {margin: 0;padding: 0;text-decoration: none;color: white;}nav {transition: 0.5s;width: 100vw;height: 11.5rem;background: rgba(0, 0, 0, 0.4);top: 0;left: 0;z-index: 90;display: flex;justify-content: center;align-items: center;box-sizing: border-box;position: fixed;}#nav{z-index: 95;}#nav-strom{width: auto;height: 148px;transition: height 0.5s;}#nav.scrolled #nav-strom {height: 100px;}div.container {display: flex;justify-content: center;align-items: center;width: 100%;margin: 0;padding-right: 6rem;text-align: center;transition: 1s;}div.container a {color: white;text-decoration: none;font-family: Montserrat ;font-weight: 400;font-size: 1.25rem;padding: 10px 2rem;position: relative;z-index: 0;cursor: pointer;transition: 1s;}div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after {opacity: 1;transform: translateY(0px);}#nav-stromZ:hover:before, #nav-stromZ:hover:after {opacity: 0;transform: none;}div.topBotomBordersOut a:before, div.topBotomBordersOut a:after {position: absolute;left: 0px;width: 100%;height: 2px;background: #A67B5B;content: "";opacity: 0;transition: all 0.3s;box-shadow: 0 0 0 0.5px #A67B5B;}div.topBotomBordersOut a:before {top: 0px;transform: translateY(10px);}div.topBotomBordersOut a:after {bottom: 0px;transform: translateY(-10px);}div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after {opacity: 1;transform: translateY(0px);}#nav.scrolled {transition: 0.5s;height: 7rem;background: rgba(0, 0, 0, 0.5) }.burger {width: 80px;height: 80px;position: fixed;top: 20px;right: 20px;border-radius: 4px;z-index: 99;}.burger span {position: relative;margin-top: 11px;margin-bottom: 11px;user-select: none;position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -1.5px;}.burger span, .burger span::before, .burger span::after {display: block;width: 40px;height: 5px;background-color: #A67B5B ;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}.burger span::before, .burger span::after {position: absolute;content: "";}.burger span::before {top: -9px;}.burger span::after {top: 9px;}.burger.clicked span {background-color: transparent;}.burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}.burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}.burger.clicked span:before, .burger.clicked span:after {background-color: #ffffff;}.burger:hover {cursor: pointer;}#nav_b {background-color: #2a2a2a;position: fixed;z-index: 98;top: 0;right: 0;height: 100%;max-width: 515px;width: 100%;padding-top: 50px;padding-left: 50px;overflow-y: auto;transform: translateX(300%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}#nav_b.show {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}#nav_b.show ul.b li {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);opacity: 1;}#nav_b.show ul.b li:nth-child(1) {transition-delay: 0.15s;}#nav_b.show ul.b li:nth-child(2) {transition-delay: 0.3s;}#nav_b.show ul.b li:nth-child(3) {transition-delay: 0.45s;}#nav_b.show ul.b li:nth-child(4) {transition-delay: 0.6s;}#nav_b.show ul.b li:nth-child(5) {transition-delay: 0.75s;}#nav_b.show ul.b li:nth-child(6) {transition-delay: 0.9s;}#nav_b.show ul.b li:nth-child(7) {transition-delay: 1.05s;}#nav_b.show ul.b li:nth-child(8) {transition-delay: 1.2s;}#nav_b.show ul.b li:nth-child(9) {transition-delay: 1.35s;}#nav_b.show .about, #nav_b.show .social, #nav_b.show ul.sub {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);opacity: 1;transition-delay: 0.85s;}@media (min-width: 667px) {#nav_b {padding: 120px 90px 70px 90px;}}#nav_b ul.b {list-style-type: none;}#nav_b ul.b li {margin-bottom: 20px;-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);-o-transform: translateX(40px);transform: translateX(40px);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}#nav_b ul.b li:last-of-type {margin-bottom: 0px;}#nav_b ul.b li a {color: #ffffff;font-family: Montserrat;text-decoration: none;text-transform: uppercase;font-size: 1.5rem;display: block;letter-spacing: 5px;font-weight: 600;padding: 10px 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}#nav_b ul.b li a:hover {color: #A67B5B;}.overlay {position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #A67B5B;opacity: 0;visibility: hidden;}.overlay.show {opacity: 0.8;visibility: visible;}@media only screen and (min-width: 769px) and (max-width: 1024px) {#nav {height: 7rem;}}@media screen and (max-width: 1667px){.container {position: relative;left: 3%;transition: 1s;}}.burger {display: none;}#nav_b {display: none;}@media only screen and (max-width: 1420px) {h1{font-size: 2.3rem;}h2{font-size: 1.5rem;}p{font-size: 1.2rem;}.burger {display: block;height: 40px;}.container a{display: none;}#nav{height: 7rem;}#nav.scrolled{height: 5rem;}#nav_b {display: block;}}@media only screen and (max-width: 1200px) {.burger{height: 40px;}#nav{height: 5rem;}#nav.scrolled{height: 3.8rem;}.burger {display: block;height: 20px;}}@media only screen and (max-width: 1025px) {nav{height: 5rem;}}#R {background-image: url(assets/rezervace.webp);background-size: cover;background-repeat: no-repeat;background-position: center;height: 250vh;margin-top: -1.2rem;display: flex;justify-content: center;align-items: center;margin: 0;}#R-telo {width: 90%;max-width: 1200px;height: auto;margin-top: -35vh;background-color: rgba(0, 0, 0, 0.6);backdrop-filter: blur(10px);border-radius: 60px;padding: 20px;color: white;text-align: center;font-family: 'Milonga';border: 3px solid #2C5F2D;}#R-telo h1 {padding-bottom: 2rem;}#myForm {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}input, textarea, button {padding-left: 2%;width: 100%;}input{width: 50%;}input, button {border-radius: 50px;}input {height: 2.5rem;margin-bottom: 2vw;}textarea {height: 100%;border-radius: 20px;padding-top: 1rem;}button {height: 10vw;width: 30%;transition: 1s;display: block;font-family: 'Milonga';font-size: 1.2rem;border-radius: 60px;}#form-grid-middle {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 2vw;width: 100%;max-width: 500px;margin-left: 35vh;}#numberOfApartment {width: 30%;height:4vw;}button:hover {letter-spacing: 0.25em;}@media (max-width: 1208px) {#R {height: 250vh;}#R-telo {padding: 10px;margin-top: 0vh;}input {height: 3rem;}button {width: 100%;height: 50%;}#form-grid-middle {width: 90%;margin: 0 auto;}}@media (max-width: 768px) {#R {height: auto;}#R-telo {padding: 5px;border-radius: 30px;margin-top: 10vh;}#myForm {grid-template-columns: 1fr;}input {height: 2.5rem;width: 80%;margin-bottom: 1rem;}button {height: 3rem;width: 80%;}#form-grid-middle {gap: 1vw;}}@media (max-width: 500px) {#R{background-image: url(assets/rezervace2.webp);background-size: cover;background-repeat: no-repeat;background-position: center;}}@media (max-width: 438px) {#R {height: auto;}#R-telo {padding: 5px;border-radius: 30px;margin-top: 14vh;margin-bottom: 23vh;}input {height: 2rem;width: 80%;margin-bottom: 1rem;}button {height: 3rem;width: 80%;}#form-grid-middle {gap: 1vw;}}#footer {position: absolute;left: 0;width: 100%;height: 30vh;background-color:#10160fb6;color: white;margin-top: -30vh;backdrop-filter: blur(20px);text-decoration: none;max-width: 100%;overflow: hidden;}.F-contact-section{display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;text-decoration: none;}.F-contact-details h2{font-family: Milonga;display: inline-block;position: relative;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 0px;text-decoration: none;color: white;transition: transform 0.3s ease;transition: 0.5s;}.F-contact-details h2:hover{transform: scale(1.1);color: #4abb4c;transition: transform 0.3s ease;transition: 0.5s;}.F-contact-details h2::after {content: '';position: absolute;left: -20px;right: -20px;bottom: -10px;height: 3px;background-color: rgb(255, 255, 255);width: calc(100% + 40px);}.F-contact-details p, a{font-family: Metrophobic;text-decoration: none;color: white;transition: transform 0.3s ease;transition: 0.5s;}.F-contact-details a:hover{color: #4abb4c;transition: transform 0.3s ease;transition: 0.5s;}.social-icons{margin-left: auto;margin-top: -8rem;margin-right: 8rem;gap: 10px;display: flex;transition: transform 0.3s ease;transition: 0.5s;}.social-icons a:hover{transform: scale(1.1);transition: transform 0.3s ease;transition: 0.5s;}@media (max-width: 1530px) {#footer {background-color:#10160f;}}@media (max-width: 1024px) {#footer {margin-top: -20vh;height: 25vh;}.social-icons {margin-top: -6rem;margin-right: 4rem;}}@media (max-width: 768px) {#footer {margin-top: -20vh;height: 20vh;}.social-icons {margin-top: 2rem;margin-right: 2rem;}}@media (max-width: 480px) {.F-contact-details h2 {font-size: 1.5rem;}.F-contact-details p, .F-contact-details a {font-size: 1rem;}.social-icons {flex-direction: column;margin-right: 0;margin-top: 1rem;}}@media (max-width: 1528px) {.F-contact-section {display: flex;flex-direction: column;align-items: center;}.social-icons {margin:0;justify-content: center;margin-right: 0;display: flex;gap: 10px;}#footer {height: 43vh;}}@media (max-width: 480px) {#footer{max-width: 100%;}.F-contact-details h2 {font-size: 1.5rem;}.F-contact-details p, .F-contact-details a {font-size: 1rem;}.social-icons {flex-direction: row;margin-right: 0;margin-top: 1rem;}.F-contact-details{padding-right: 1rem;}}@media (max-width: 420px) {#back-to-top{margin-right: 2vh;}}#back-to-top {position: fixed;bottom: 20px;right: 20px;z-index: 1;opacity: 0;transition: opacity 0.5s;z-index: 99;}#back-to-top.show {opacity: 1;}#back-to-top img {width: 7rem;height: 7rem;transition: 0.5s;}#back-to-top:hover {cursor: pointer;}@media only screen and (max-width: 760px) {#back-to-top img{width: 4rem;height: 4rem;}}       .faq-container {
      margin-bottom: 10px;
      border: 3px solid #145f2c;
      border-radius: 50px;
      overflow: hidden;
      color:#10160f;
      margin-bottom: 10px;
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      transition: 0.5s;

    }


    
    .faq-question {
      background-color: #ffffff;
      padding: 15px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: bold;
      transition: 0.5s;
    }

        .faq-question:hover {
            transition: 0.5s;
            background-color:#145f2c;
            color: white;
        }

    .arrow {
      width: 10px;
      height: 10px;
      border-right: 2px solid #555;
      border-bottom: 2px solid #555;
      transform: rotate(45deg);
      transition: transform 0.3s ease;
      margin-right: 5px;
    }
     .faq-container:hover .arrow {
      border-right-color: white;
      border-bottom-color: white;
    }
    .faq-answer {
      padding: 0 15px;
      max-height: 0;
      overflow: hidden;
      transition: all 0.3s ease;
    }
    
    .faq-container.active .arrow {
      transform: rotate(-135deg);
    }
    
    .faq-container.active .faq-answer {
      padding: 15px;
    }

    .faq-container.active {
      border-radius: 10px;
      transition: 0.5s;

    }

        .faq-container.active #R{
            margin-top: 1000vh;
        }