{"id":13432,"date":"2024-10-10T11:23:04","date_gmt":"2024-10-10T11:23:04","guid":{"rendered":"https:\/\/sierravillas.es\/preise-und-reservierung-2\/"},"modified":"2025-12-08T08:56:32","modified_gmt":"2025-12-08T08:56:32","slug":"preise-und-reservierung-2","status":"publish","type":"page","link":"https:\/\/sierravillas.es\/de\/preise-und-reservierung-2\/","title":{"rendered":"Preise und Reservierung"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13432\" class=\"elementor elementor-13432 elementor-13357\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-372eb1d7 elementor-reverse-tablet elementor-reverse-mobile elementor-hidden-laptop elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"372eb1d7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4b20339f\" data-id=\"4b20339f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41bdd3a5 elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"41bdd3a5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<style>\n.container {\n    font-family: 'Playfair Display SC', serif;\n    max-width: 600px;\n    margin: 20px auto;\n    padding: 20px;\n    border-radius: 10px;\n    background-color: #f7f7f7;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.container h2 {\n    font-family: 'Playfair Display SC', serif;\n    margin-bottom: 20px;\n    color: #6e3a14;\n    font-size: 32px;\n    text-align: center;\n}\n\nform label {\n    margin-top: 10px;\n    display: block;\n    font-weight: bold;\n    color: #6e3a14;\n    font-family: 'Playfair Display SC', serif;\n\n}\n\nform input[type=\"text\"],\nform input[type=\"email\"],\nform input[type=\"date\"],\nform textarea,\nform select,\nform input[type=\"number\"] {\n    font-family: 'Playfair Display SC', serif;\n    width: 100%;\n    padding: 10px;\n    margin-top: 5px;\n    margin-bottom: 15px;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    font-size: 16px;\n    color: #333;\n}\n\nform select {\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"%236e3a14\" width=\"18px\" height=\"18px\"><path d=\"M7 10l5 5 5-5H7z\"\/><path d=\"M0 0h24v24H0z\" fill=\"none\"\/><\/svg>');\n    background-repeat: no-repeat;\n    background-position: right 10px top 50%;\n    background-size: 18px 18px;\n    padding-right: 30px;\n    font-family: 'Playfair Display SC', serif;\n}\n\nform select:focus {\n    border-color: #6e3a14;\n}\n\nform button {\n    background-color: #6e3a14;\n    color: white;\n    padding: 12px 20px;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n    margin-top: 10px;\n    font-size: 16px;\n}\n\nform button:hover {\n    background-color: #8d4e1a;\n}\n\nfieldset {\n    font-family: 'Playfair Display SC', serif;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    padding: 10px;\n    margin-bottom: 15px;\n    flex-grow: 1;\n    width: 100%;\n}\n.month-selector {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 32px;\n    width: 100%;\n}\nlegend {\n    font-weight: bold;\n    color: #6e3a14;\n}\n\n#calendar {\n    margin-top: 20px;\n    width: 100%;\n}\n\n.day {\n    padding: 5px;\n    border: 1px solid #ccc;\n    width: 100%;\n    box-sizing: border-box;\n    font-size: 12px;\n}\n\n.day.booked {\n    background-color: #ffcccc;\n    pointer-events: none;\n}\n\ninput[type=\"date\"].available {\n    background-color: lightgreen;\n    font-family: 'Playfair Display SC', serif;\n\n}\n\ninput[type=\"date\"].unavailable {\n    background-color: lightcoral;\n    font-family: 'Playfair Display SC', serif;\n}\n\ntable {\n    border-collapse: collapse;\n    width: 100%;\n}\n\nth, td {\n    border: 1px solid #dddddd;\n    text-align: center;\n    padding: 8px;\n}\n\nth {\n    background-color: #f2f2f2;\n}\n\ntd {\n    cursor: pointer;\n}\n\ntd:hover {\n    background-color: #f0f0f0;\n}\n\n.selected {\n    background-color: #c0c0c0;\n    color: white;\n}\n\n.selected-start,\n.selected-end {\n    background-color: #4CAF50;\n    color: white;\n}\n\n.unavailable {\n    background-color: #ff0000;\n    color: white;\n}\n\n.unavailable:hover {\n    cursor: not-allowed;\n}\n.fa-arrow-right:before {\n    padding-left: 5px;\n    transition: transform 0.3s ease, color 0.3s ease; \/* P\u0159id\u00e1n\u00ed p\u0159echodov\u00e9ho efektu pro transformaci a barvu *\/\n}\n\n.fa-arrow-right:hover:before {\n    transform: translateX(5px);\n    color: #8d4e1a; \/* Zm\u011bna barvy na sv\u011btlej\u0161\u00ed odst\u00edn hn\u011bd\u00e9 p\u0159i najet\u00ed my\u0161\u00ed *\/\n}\n.prev-month-btn{\n    padding: 5px;\n    min-width: 100px;\n}\n.next-month-btn{\n    padding: 5px;\n    min-width: 100px;\n}\n.selected-start-end{\n    background-color: green!important;\n}\n\/* Media queries pro responzivn\u00ed design *\/\n\n@media screen and (max-width: 768px) {\n    .container {\n        max-width: 90%;\n    }\n}\n\n@media screen and (max-width: 576px) {\n    form input[type=\"text\"],\n    form input[type=\"email\"],\n    form input[type=\"date\"],\n    form textarea,\n    form select,\n    form input[type=\"number\"] {\n        width: 100%;\n    }\n\n    .day {\n        font-size: 10px;\n    }\n}\n<\/style>\n\n<body>\n\n\n<div class=\"container\">\n        <h2>Buchen Sie Ihren Aufenthalt<\/h2>\n        <form id=\"order-form\" action=\"https:\/\/sierravillas.es\/process_form.php\" method=\"POST\" enctype=\"multipart\/form-data\">\n            <label for=\"name\">Vollst\u00e4ndiger Name:<\/label><br>\n            <input type=\"text\" id=\"name\" name=\"name\" required><br>\n            <label for=\"email\">E-mail:<\/label><br>\n            <input type=\"email\" id=\"email\" name=\"email\" required><br>\n            <div style=\"display: flex; align-items: flex-start;\">\n                <div style=\"flex: 1;\">\n                    <label for=\"villa\">W\u00e4hlen Sie eine Villa:<\/label><br>\n                    <select id=\"villa\" name=\"villa\" required onchange=\"updateUnavailableDates()\">\n                        <option value=\"\" disabled selected>W\u00e4hlen Sie eine Villa<\/option>\n                        <option value=\"Casa Dominika\">Casa Dominika<\/option>\n                        <option value=\"Casa Thea\">Casa Thea<\/option>\n                    <\/select>\n                <\/div>\n                <div style=\"flex: 1; margin-left: 20px;\">\n                    <label for=\"persons\">Anzahl der G\u00e4ste:<\/label><br>\n                    <input type=\"number\" id=\"persons\" name=\"persons\" min=\"1\" max=\"12\" required>\n                <\/div>\n            <\/div>\n            <div>\n                <fieldset>\n                    <legend>Aufenthaltsdaten:<\/legend>\n                    <div id=\"calendar\"><\/div>\n                    <input type=\"date\" id=\"startDate\" name=\"startDate\" style=\"display: none;\" required>\n                    <input type=\"date\" id=\"endDate\" name=\"endDate\" style=\"display: none;\" required>\n                <\/fieldset>\n            <\/div>\n            <label for=\"message\">Nachricht:<\/label><br>\n            <textarea id=\"message\" name=\"message\" rows=\"4\"><\/textarea><br>\n            <label for=\"terms\" style=\"font-size: 10px; color: grey;\"> Mit dem Absenden dieses Formulars stimmen Sie unseren <a href=\"https:\/\/sierravillas.es\/de\/geschaeftsbedingungen\/\" target=\"_blank\" style=\"color: black\">Allgemeinen Gesch\u00e4ftsbedingungen<\/a><\/label><br>\n            <div class=\"g-recaptcha\" data-sitekey=\"6LcKppQpAAAAAE1D6PeBOMmWyDSUZ-mHY8_v2EqT\" required><\/div>\n            <button type=\"submit\">Anfrage senden <i class=\"fas fa-arrow-right\"><\/i><\/button>\n        <\/form>\n    <\/div>\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n<script>\nconst days = ['Mon', 'Di', 'Mi', 'Thu', 'Fri', 'Sat', 'So']; \nconst months = ['Januar', 'Februar', 'M\u00e4rz', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'];\n\nlet currentDate = new Date();\nlet currentMonth = currentDate.getMonth();\nlet currentYear = currentDate.getFullYear();\nlet startDate = null;\nlet endDate = null;\nlet unavailableDates = {}; \/\/ Objekt pro uchov\u00e1n\u00ed nedostupn\u00fdch dat u jednotliv\u00fdch vil\n\nfunction updateUnavailableDates() {\n    const selectedVilla = document.getElementById('villa').value;\n    unavailableDates = [];\n\n    if (selectedVilla === \"Casa Dominika\") {\n        const terms = [\n            [2025, 4, 15, 2025, 4, 20], \/\/ 15.05.2025 - 20.05.2025\n            [2025, 5, 20, 2025, 5, 27], \/\/ 20.06.2025 - 27.06.2025\n            [2025, 7, 4, 2025, 7, 11],  \/\/ 04.08.2025 - 11.08.2025\n            [2025, 7, 12, 2025, 7, 21], \/\/ 12.08.2025 - 21.08.2025 (nov\u00fd)\n            [2025, 8, 24, 2025, 10, 5],  \/\/ 24.09.2025 - 05.11.2025\n            [2025, 12, 13, 2026, 1, 11],  \/\/ 13.01.2026 - 11.02.2026\n            [2026, 5, 23, 2026, 7, 4]  \/\/ 23.06.2026 - 04.08.2026\n        ];\n\n        terms.forEach(([y1, m1, d1, y2, m2, d2]) => {\n            let start = new Date(y1, m1, d1);\n            let end = new Date(y2, m2, d2);\n            for (let date = new Date(start); date <= end; date.setDate(date.getDate() + 1)) {\n                unavailableDates.push(new Date(date));\n            }\n        });\n\n    } else if (selectedVilla === \"Casa Thea\") {\n        const terms = [\n            [2025, 5, 10, 2025, 5, 17], \/\/ 10.06.2025 - 17.06.2025\n            [2025, 5, 20, 2025, 5, 28], \/\/ 20.06.2025 - 28.06.2025\n            [2025, 5, 28, 2025, 6, 5],  \/\/ 28.06.2025 - 05.07.2025\n            [2025, 6, 12, 2025, 6, 18], \/\/ 12.07.2025 - 18.07.2025\n            [2025, 6, 19, 2025, 7, 2],  \/\/ 19.07.2025 - 02.08.2025\n            [2025, 7, 2, 2025, 7, 16],  \/\/ 02.08.2025 - 16.08.2025\n            [2025, 7, 18, 2025, 7, 30], \/\/ 18.08.2025 - 30.08.2025\n            [2025, 8, 1, 2025, 8, 7],   \/\/ 01.09.2025 - 07.09.2025\n            [2025, 8, 11, 2025, 8, 20], \/\/ 11.09.2025 - 20.09.2025\n            [2025, 8, 23, 2025, 8, 27], \/\/ 23.09.2025 - 27.09.2025\n            [2025, 9, 25, 2025, 10, 1], \/\/ 25.10.2025 - 01.11.2025\n            [2026, 5, 20, 2026, 5, 30],  \/\/ 20.06.2026 - 30.06.2026\n            [2026, 6, 1, 2026, 6, 12],  \/\/ 01.07.2026 - 12.07.2026\n            [2026, 6, 31, 2026, 7, 16]  \/\/ 31.07.2026 - 16.08.2026\n        ];\n\n        terms.forEach(([y1, m1, d1, y2, m2, d2]) => {\n            let start = new Date(y1, m1, d1);\n            let end = new Date(y2, m2, d2);\n            for (let date = new Date(start); date <= end; date.setDate(date.getDate() + 1)) {\n                unavailableDates.push(new Date(date));\n            }\n        });\n    } else {\n        unavailableDates = [];\n    }\n\n    renderCalendar();\n}\n\n\nfunction renderCalendar() {\n  const firstDayOfMonth = new Date(currentYear, currentMonth, 1);\n  const daysInMonth = new Date(currentYear, currentMonth + 1, 0).getDate();\n  let startingDay = firstDayOfMonth.getDay();\n\n  \/\/ Adjust starting day to start with Monday (0 represents Sunday, so we need to shift it by 1)\n  startingDay = (startingDay === 0) ? 6 : startingDay - 1;\n\n  const calendarDiv = document.getElementById('calendar');\n  calendarDiv.innerHTML = '';\n\n  \/\/ Render month and year\n  const monthYearHeader = document.createElement('h2');\n  monthYearHeader.textContent = `${months[currentMonth]} ${currentYear}`;\n  calendarDiv.appendChild(monthYearHeader);\n\n  \/\/ Render month selector\n  const monthSelector = document.createElement('div');\n  monthSelector.classList.add('month-selector');\n\n  const prevMonthBtn = document.createElement('button');\n  prevMonthBtn.textContent = 'Vorherige';\n  prevMonthBtn.classList.add('prev-month-btn');\n  prevMonthBtn.addEventListener('click', prevMonth);\n  monthSelector.appendChild(prevMonthBtn);\n\n  const nextMonthBtn = document.createElement('button');\n  nextMonthBtn.textContent = 'Andere';\n  nextMonthBtn.classList.add('next-month-btn');\n  nextMonthBtn.addEventListener('click', nextMonth);\n  monthSelector.appendChild(nextMonthBtn);\n\n  calendarDiv.appendChild(monthSelector);\n\n  \/\/ Render table\n  const table = document.createElement('table');\n  const thead = document.createElement('thead');\n  const tbody = document.createElement('tbody');\n\n  \/\/ Render days of the week\n  const tr = document.createElement('tr');\n  for (let i = 0; i < 7; i++) {\n    const th = document.createElement('th');\n    th.textContent = days[i];\n    tr.appendChild(th);\n  }\n  thead.appendChild(tr);\n\n  \/\/ Render calendar days\n  let date = 1;\n  for (let i = 0; i < 6; i++) {\n    const tr = document.createElement('tr');\n    for (let j = 0; j < 7; j++) {\n      const td = document.createElement('td');\n      if (i === 0 && j < startingDay) {\n        \/\/ Empty cells before the first day of the month\n        td.textContent = new Date(currentYear, currentMonth, -startingDay + j + 1).getDate();\n        td.classList.add('other-month');\n        tr.appendChild(td);\n      } else if (date > daysInMonth) {\n        \/\/ No more days left in the month\n        break;\n      } else {\n        td.textContent = date;\n        td.dataset.month = currentMonth;\n        td.dataset.year = currentYear;\n        td.addEventListener('click', () => {\n          if (!td.classList.contains('unavailable')) {\n            selectDate(td);\n          }\n        });\n\n        const currentDate = new Date(currentYear, currentMonth, date);\n        const isUnavailable = unavailableDates.some(unavailableDate => currentDate.getTime() === unavailableDate.getTime());\n        if (isUnavailable) {\n            td.classList.add('unavailable');\n        } else if (startDate && currentDate >= startDate && currentDate <= endDate) {\n          td.classList.add('selected');\n          if (startDate.getTime() === currentDate.getTime() || endDate.getTime() === currentDate.getTime()) {\n            td.classList.add('selected-start-end');\n          }\n        } else if (startDate && currentDate.getTime() === startDate.getTime()) {\n          td.classList.add('selected-start');\n          td.classList.add('selected-start-end');\n        } else if (endDate && currentDate.getTime() === endDate.getTime()) {\n          td.classList.add('selected-end');\n          td.classList.add('selected-start-end');\n        }\n        tr.appendChild(td);\n        date++;\n      }\n    }\n    tbody.appendChild(tr);\n  }\n\n  table.appendChild(thead);\n  table.appendChild(tbody);\n  calendarDiv.appendChild(table);\n  \n  \/\/ P\u0159idejte vol\u00e1n\u00ed funkce pro nastaven\u00ed dat term\u00ednu pobytu po vykreslen\u00ed kalend\u00e1\u0159e\n  setStayDates();\n}\n\nfunction selectDate(td) {\n  const clickedDate = new Date(td.dataset.year, td.dataset.month, parseInt(td.textContent));\n  \n  if (!startDate || (startDate && endDate)) {\n    startDate = clickedDate;\n    endDate = null;\n  } else if (clickedDate < startDate) {\n    endDate = startDate;\n    startDate = clickedDate;\n  } else {\n    endDate = clickedDate;\n    \/\/ Po\u010det noc\u00ed mezi vybran\u00fdmi daty\n    const nights = (endDate - startDate) \/ (1000 * 60 * 60 * 24);\n    if (nights < 6) {\n      alert(\"Minim\u00e1ln\u011b 6 noc\u00ed je po\u017eadov\u00e1no.\");\n      endDate = null; \n    }\n  }\n  renderCalendar();\n}\n\nfunction prevMonth() {\n  currentMonth--;\n  if (currentMonth < 0) {\n    currentMonth = 11;\n    currentYear--;\n  }\n  renderCalendar();\n}\n\nfunction nextMonth() {\n  currentMonth++;\n  if (currentMonth > 11) {\n    currentMonth = 0;\n    currentYear++;\n  }\n  renderCalendar();\n}\n\ndocument.getElementById('order-form').addEventListener('submit', function(event) {\n    \/\/ event.preventDefault(); \/\/ Tuto \u0159\u00e1dku m\u016f\u017eete odebrat\n    \/\/ submitForm(); \/\/ Tuto \u0159\u00e1dku m\u016f\u017eete odebrat nebo p\u0159idat funkci submitForm()\n});\n\nfunction setStayDates() {\n  if (startDate && endDate) {\n    document.getElementById('startDate').value = formatDate(startDate);\n    document.getElementById('endDate').value = formatDate(endDate);\n  }\n}\n\n\/\/ Funkce pro form\u00e1tov\u00e1n\u00ed data ve form\u00e1tu YYYY-MM-DD\nfunction formatDate(date) {\n  const year = date.getFullYear();\n  const month = (date.getMonth() + 1).toString().padStart(2, '0');\n  const day = date.getDate().toString().padStart(2, '0');\n  return `${year}-${month}-${day}`;\n}\n\n document.getElementById('order-form').addEventListener('submit', function(event) {\n        var response = grecaptcha.getResponse();\n        if (response.length == 0) {\n            alert(\"Pros\u00edm, potvr\u010fte, \u017ee nejste robot.\");\n            event.preventDefault(); \/\/ Zabra\u0148uje odesl\u00e1n\u00ed formul\u00e1\u0159e\n        }\n    });\n<\/script>\n\n<\/body>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-30caf005\" data-id=\"30caf005\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ac6ce2f elementor-widget elementor-widget-html\" data-id=\"6ac6ce2f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.pricing-table {\r\n     font-family: 'Playfair Display SC', serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: 50px;\r\n}\r\n\r\n.plan {\r\n     font-family: 'Playfair Display SC', serif;\r\n    border-radius: 20px;\r\n    padding: 10px;\r\n    margin: 20px;\r\n    width: 450px;\r\n    text-align: center;\r\n    transition: transform 0.3s ease;\r\n    background-color: #fff;\r\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.plan:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.plan-name {\r\n    font-family: 'Playfair Display SC', serif;\r\n    font-size: 40px;\r\n    margin-bottom: 20px;\r\n    color: #6c3e00;\r\n}\r\n\r\n.plan-details {\r\n    padding: 0;\r\n}\r\n\r\n.detail {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.season {\r\n    display: block;\r\n    font-size: 22px;\r\n    color: #6c3e00;\r\n    font-weight: 500;\r\n}\r\n\r\n.price {\r\n    display: inline-block; \r\n    font-size: 15px;\r\n    color: #fff;\r\n    background-color: #9b5900; \r\n    padding: 10px 20px; \r\n    margin-bottom: 10px; \r\n    font-weight: bold;\r\n}\r\n\r\n.period {\r\n    display: block;\r\n    font-size: 22px;\r\n    color: #6c3e00;\r\n}\r\n<\/style>\r\n<body>\r\n    <div class=\"pricing-table\">\r\n        <div class=\"plan dominika\">\r\n            <h2 class=\"plan-name\">Dominika<\/h2>\r\n            <div class=\"plan-details\">\r\n                <div class=\"detail\"><span class=\"season\">Sommersaison:<\/span><span class=\"period\">29.6.-1.9.<\/span>\r\n                <\/div>\r\n                <div class=\"detail\"><span class=\"price\">280 Euro \/ Nacht<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"plan-details\">\r\n                <div class=\"detail\"><span class=\"season\">Fr\u00fchlings und Herbst Saison:<\/span><span class=\"period\">2.9.-1.11.\r\n                        und 1.5.-28.6.<\/span><\/div>\r\n                <div class=\"detail\"><span class=\"price\">260 Euro \/ Nacht<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"plan-details\">\r\n                <div class=\"detail\"><span class=\"season\">Wintersaison:<\/span><span class=\"period\">2.11.-30.4.<\/span>\r\n                <\/div>\r\n                <div class=\"detail\"><span class=\"price\">240 Euro \/ Nacht<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/body>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-38f7c457\" data-id=\"38f7c457\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57064920 elementor-widget elementor-widget-html\" data-id=\"57064920\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.pricing-table {\r\n     font-family: 'Playfair Display SC', serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: 50px;\r\n}\r\n\r\n.plan {\r\n     font-family: 'Playfair Display SC', serif;\r\n    border-radius: 20px;\r\n    padding: 10px;\r\n    margin: 20px;\r\n    width: 450px;\r\n    text-align: center;\r\n    transition: transform 0.3s ease;\r\n    background-color: #fff;\r\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.plan:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.plan-name {\r\n    font-family: 'Playfair Display SC', serif;\r\n    font-size: 40px;\r\n    margin-bottom: 20px;\r\n    color: #6c3e00;\r\n}\r\n\r\n.plan-details {\r\n    padding: 0;\r\n}\r\n\r\n.detail {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.season {\r\n    display: block;\r\n    font-size: 22px;\r\n    color: #6c3e00;\r\n    font-weight: 500;\r\n}\r\n\r\n.price {\r\n    display: inline-block; \r\n    font-size: 15px;\r\n    color: #fff;\r\n    background-color: #9b5900; \r\n    padding: 10px 20px; \r\n    margin-bottom: 10px; \r\n    font-weight: bold;\r\n}\r\n\r\n.period {\r\n    display: block;\r\n    font-size: 22px;\r\n    color: #6c3e00;\r\n}\r\n<\/style>\r\n<body>\r\n<div class=\"pricing-table\">\r\n    <div class=\"plan thea\">\r\n        <h2 class=\"plan-name\">Thea<\/h2>\r\n        <div class=\"plan-details\">\r\n            <div class=\"detail\"><span class=\"season\">Sommersaison:<\/span><span class=\"period\">29.6.-1.9.<\/span><\/div>\r\n            <div class=\"detail\"><span class=\"price\">290 Euro \/ Nacht<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"plan-details\">\r\n            <div class=\"detail\"><span class=\"season\">Fr\u00fchlings und Herbst Saison:<\/span><span class=\"period\">2.9.-1.11. und\r\n                    1.5.-28.6.<\/span><\/div>\r\n            <div class=\"detail\"><span class=\"price\">270 Euro \/ Nacht<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"plan-details\">\r\n            <div class=\"detail\"><span class=\"season\">Wintersaison:<\/span><span class=\"period\">2.11.-30.4.<\/span><\/div>\r\n            <div class=\"detail\"><span class=\"price\">250 Euro \/ Nacht<\/span><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/body>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-554dac14 elementor-reverse-tablet elementor-reverse-mobile elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"554dac14\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-13d63728\" data-id=\"13d63728\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9322119 elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"9322119\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\r\n<style>\r\n.container {\r\n    font-family: 'Playfair Display SC', serif;\r\n    max-width: 600px;\r\n    margin: 20px auto;\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    background-color: #f7f7f7;\r\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.container h2 {\r\n    font-family: 'Playfair Display SC', serif;\r\n    margin-bottom: 20px;\r\n    color: #6e3a14;\r\n    font-size: 32px;\r\n    text-align: center;\r\n}\r\n\r\nform label {\r\n    margin-top: 10px;\r\n    display: block;\r\n    font-weight: bold;\r\n    color: #6e3a14;\r\n    font-family: 'Playfair Display SC', serif;\r\n\r\n}\r\n\r\nform input[type=\"text\"],\r\nform input[type=\"email\"],\r\nform input[type=\"date\"],\r\nform textarea,\r\nform select,\r\nform input[type=\"number\"] {\r\n    font-family: 'Playfair Display SC', serif;\r\n    width: 100%;\r\n    padding: 10px;\r\n    margin-top: 5px;\r\n    margin-bottom: 15px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n    font-size: 16px;\r\n    color: #333;\r\n}\r\n\r\nform select {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"%236e3a14\" width=\"18px\" height=\"18px\"><path d=\"M7 10l5 5 5-5H7z\"\/><path d=\"M0 0h24v24H0z\" fill=\"none\"\/><\/svg>');\r\n    background-repeat: no-repeat;\r\n    background-position: right 10px top 50%;\r\n    background-size: 18px 18px;\r\n    padding-right: 30px;\r\n    font-family: 'Playfair Display SC', serif;\r\n}\r\n\r\nform select:focus {\r\n    border-color: #6e3a14;\r\n}\r\n\r\nform button {\r\n    background-color: #6e3a14;\r\n    color: white;\r\n    padding: 12px 20px;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n    margin-top: 10px;\r\n    font-size: 16px;\r\n}\r\n\r\nform button:hover {\r\n    background-color: #8d4e1a;\r\n}\r\n\r\nfieldset {\r\n    font-family: 'Playfair Display SC', serif;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n    padding: 10px;\r\n    margin-bottom: 15px;\r\n    flex-grow: 1;\r\n    width: 100%;\r\n}\r\n.month-selector {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 32px;\r\n    width: 100%;\r\n}\r\nlegend {\r\n    font-weight: bold;\r\n    color: #6e3a14;\r\n}\r\n\r\n#calendar {\r\n    margin-top: 20px;\r\n    width: 100%;\r\n}\r\n\r\n.day {\r\n    padding: 5px;\r\n    border: 1px solid #ccc;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-size: 12px;\r\n}\r\n\r\n.day.booked {\r\n    background-color: #ffcccc;\r\n    pointer-events: none;\r\n}\r\n\r\ninput[type=\"date\"].available {\r\n    background-color: lightgreen;\r\n    font-family: 'Playfair Display SC', serif;\r\n\r\n}\r\n\r\ninput[type=\"date\"].unavailable {\r\n    background-color: lightcoral;\r\n    font-family: 'Playfair Display SC', serif;\r\n}\r\n\r\ntable {\r\n    border-collapse: collapse;\r\n    width: 100%;\r\n}\r\n\r\nth, td {\r\n    border: 1px solid #dddddd;\r\n    text-align: center;\r\n    padding: 8px;\r\n}\r\n\r\nth {\r\n    background-color: #f2f2f2;\r\n}\r\n\r\ntd {\r\n    cursor: pointer;\r\n}\r\n\r\ntd:hover {\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.selected {\r\n    background-color: #c0c0c0;\r\n    color: white;\r\n}\r\n\r\n.selected-start,\r\n.selected-end {\r\n    background-color: #4CAF50;\r\n    color: white;\r\n}\r\n\r\n.unavailable {\r\n    background-color: #ff0000;\r\n    color: white;\r\n}\r\n\r\n.unavailable:hover {\r\n    cursor: not-allowed;\r\n}\r\n.fa-arrow-right:before {\r\n    padding-left: 5px;\r\n    transition: transform 0.3s ease, color 0.3s ease; \/* P\u0159id\u00e1n\u00ed p\u0159echodov\u00e9ho efektu pro transformaci a barvu *\/\r\n}\r\n\r\n.fa-arrow-right:hover:before {\r\n    transform: translateX(5px);\r\n    color: #8d4e1a; \/* Zm\u011bna barvy na sv\u011btlej\u0161\u00ed odst\u00edn hn\u011bd\u00e9 p\u0159i najet\u00ed my\u0161\u00ed *\/\r\n}\r\n.prev-month-btn{\r\n    padding: 5px;\r\n    min-width: 100px;\r\n}\r\n.next-month-btn{\r\n    padding: 5px;\r\n    min-width: 100px;\r\n}\r\n.selected-start-end{\r\n    background-color: green!important;\r\n}\r\n\/* Media queries pro responzivn\u00ed design *\/\r\n\r\n@media screen and (max-width: 768px) {\r\n    .container {\r\n        max-width: 90%;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 576px) {\r\n    form input[type=\"text\"],\r\n    form input[type=\"email\"],\r\n    form input[type=\"date\"],\r\n    form textarea,\r\n    form select,\r\n    form input[type=\"number\"] {\r\n        width: 100%;\r\n    }\r\n\r\n    .day {\r\n        font-size: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"container\">\r\n        <h2>Aufenthalt buchen<\/h2>\r\n        <form id=\"order-form\" action=\"https:\/\/sierravillas.es\/process_form.php\" method=\"POST\" enctype=\"multipart\/form-data\">\r\n            <label for=\"name\">Name und Nachname:<\/label><br>            <input type=\"text\" id=\"name\" name=\"name\" required=\"\"><br>            <label for=\"email\">E-mail:<\/label><br>            <input type=\"email\" id=\"email\" name=\"email\" required=\"\"><br>            <div style=\"display: flex; align-items: flex-start;\">\r\n                <div style=\"flex: 1;\">\r\n                    <label for=\"villa\">W\u00e4hlen Sie eine Villa aus:<\/label>\r\n<select id=\"villa\" name=\"villa\" required=\"\" onchange=\"updateUnavailableDates()\">\r\n<option value=\"\" disabled selected>W\u00e4hlen Sie eine Villa aus:<\/option>\r\n<option value=\"Casa Dominika\">Casa Dominika<\/option>\r\n<option value=\"Casa Thea\">Casa Thea<\/option><br><\/select> \r\n                <\/div>\r\n                <div style=\"flex: 1; margin-left: 20px;\">\r\n                    <label for=\"persons\">Anzahl der Personen:<\/label><br>                    <input type=\"number\" id=\"persons\" name=\"persons\" min=\"1\" max=\"12\" required=\"\">\r\n                <\/div>\r\n            <\/div>\r\n            <div>\r\n                <fieldset>\r\n                    <legend>Aufenthaltszeitraum:<\/legend>\r\n                    <div id=\"calendar\"><\/div>\r\n                    <input type=\"date\" id=\"startDate\" name=\"startDate\" style=\"display: none;\" required=\"\">\r\n                    <input type=\"date\" id=\"endDate\" name=\"endDate\" style=\"display: none;\" required=\"\">\r\n                <\/fieldset>\r\n            <\/div>\r\n            <label for=\"message\">Nachricht:<\/label><br>            <textarea id=\"message\" name=\"message\" rows=\"4\"><\/textarea><br>            <label for=\"terms\" style=\"font-size: 10px; color: grey;\">Mit dem Absenden des Formulars stimmen Sie den <a href=\"https:\/\/sierravillas.es\/de\/geschaeftsbedingungen\/\" target=\"_blank\" style=\"color: black\">Allgemeinen Gesch\u00e4ftsbedingungen zu. <\/a><\/label><br>            <div class=\"g-recaptcha\" data-sitekey=\"6LcKppQpAAAAAE1D6PeBOMmWyDSUZ-mHY8_v2EqT\" required=\"\"><\/div>\r\n            <button type=\"submit\">Aufenthalt anfragen <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n        <\/form>\r\n    <\/div>\r\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async=\"\" defer><\/script>\r\n<script>\r\nconst days = ['Po', '\u00dat', 'St', '\u010ct', 'P\u00e1', 'So', 'Ne']; \r\nconst months = ['Leden', '\u00danor', 'B\u0159ezen', 'Duben', 'Kv\u011bten', '\u010cerven', '\u010cervenec', 'Srpen', 'Z\u00e1\u0159\u00ed', '\u0158\u00edjen', 'Listopad', 'Prosinec'];\r\n\r\nlet currentDate = new Date();\r\nlet currentMonth = currentDate.getMonth();\r\nlet currentYear = currentDate.getFullYear();\r\nlet startDate = null;\r\nlet endDate = null;\r\nlet unavailableDates = {}; \/\/ Objekt pro uchov\u00e1n\u00ed nedostupn\u00fdch dat u jednotliv\u00fdch vil\r\n\r\nfunction updateUnavailableDates() {\r\n    const selectedVilla = document.getElementById('villa').value;\r\n    unavailableDates = [];\r\n\r\n    if (selectedVilla === \"Casa Dominika\") {\r\n        const terms = [\r\n            [2025, 4, 15, 2025, 4, 20], \/\/ 15.05.2025 - 20.05.2025\r\n            [2025, 5, 20, 2025, 5, 27], \/\/ 20.06.2025 - 27.06.2025\r\n            [2025, 7, 4, 2025, 7, 11],  \/\/ 04.08.2025 - 11.08.2025\r\n            [2025, 8, 24, 2025, 10, 5]  \/\/ 24.09.2025 - 05.11.2025\r\n        ];\r\n\r\n        terms.forEach(([y1, m1, d1, y2, m2, d2]) => {\r\n            let start = new Date(y1, m1, d1);\r\n            let end = new Date(y2, m2, d2);\r\n            for (let date = new Date(start); date <= end; date.setDate(date.getDate() + 1)) {\r\n                unavailableDates.push(new Date(date));\r\n            }\r\n        });\r\n\r\n    } else if (selectedVilla === \"Casa Thea\") {\r\n        const terms = [\r\n            [2025, 5, 10, 2025, 5, 17], \/\/ 10.06.2025 - 17.06.2025\r\n            [2025, 5, 20, 2025, 5, 28], \/\/ 20.06.2025 - 28.06.2025\r\n            [2025, 5, 28, 2025, 6, 5],  \/\/ 28.06.2025 - 05.07.2025\r\n            [2025, 6, 5, 2025, 6, 12],  \/\/ 05.07.2025 - 12.07.2025\r\n            [2025, 6, 12, 2025, 6, 18], \/\/ 12.07.2025 - 18.07.2025\r\n            [2025, 6, 19, 2025, 7, 2],  \/\/ 19.07.2025 - 02.08.2025\r\n            [2025, 7, 2, 2025, 7, 16]   \/\/ 02.08.2025 - 16.08.2025\r\n        ];\r\n\r\n        terms.forEach(([y1, m1, d1, y2, m2, d2]) => {\r\n            let start = new Date(y1, m1, d1);\r\n            let end = new Date(y2, m2, d2);\r\n            for (let date = new Date(start); date <= end; date.setDate(date.getDate() + 1)) {\r\n                unavailableDates.push(new Date(date));\r\n            }\r\n        });\r\n    } else {\r\n        unavailableDates = [];\r\n    }\r\n\r\n    renderCalendar();\r\n}\r\n\r\nfunction renderCalendar() {\r\n  const firstDayOfMonth = new Date(currentYear, currentMonth, 1);\r\n  const daysInMonth = new Date(currentYear, currentMonth + 1, 0).getDate();\r\n  let startingDay = firstDayOfMonth.getDay();\r\n\r\n  \/\/ Adjust starting day to start with Monday (0 represents Sunday, so we need to shift it by 1)\r\n  startingDay = (startingDay === 0) ? 6 : startingDay - 1;\r\n\r\n  const calendarDiv = document.getElementById('calendar');\r\n  calendarDiv.innerHTML = '';\r\n\r\n  \/\/ Render month and year\r\n  const monthYearHeader = document.createElement('h2');\r\n  monthYearHeader.textContent = `${months[currentMonth]} ${currentYear}`;\r\n  calendarDiv.appendChild(monthYearHeader);\r\n\r\n  \/\/ Render month selector\r\n  const monthSelector = document.createElement('div');\r\n  monthSelector.classList.add('month-selector');\r\n\r\n  const prevMonthBtn = document.createElement('button');\r\n  prevMonthBtn.textContent = 'P\u0159edchoz\u00ed';\r\n  prevMonthBtn.classList.add('prev-month-btn');\r\n  prevMonthBtn.addEventListener('click', prevMonth);\r\n  monthSelector.appendChild(prevMonthBtn);\r\n\r\n  const nextMonthBtn = document.createElement('button');\r\n  nextMonthBtn.textContent = 'Dal\u0161\u00ed';\r\n  nextMonthBtn.classList.add('next-month-btn');\r\n  nextMonthBtn.addEventListener('click', nextMonth);\r\n  monthSelector.appendChild(nextMonthBtn);\r\n\r\n  calendarDiv.appendChild(monthSelector);\r\n\r\n  \/\/ Render table\r\n  const table = document.createElement('table');\r\n  const thead = document.createElement('thead');\r\n  const tbody = document.createElement('tbody');\r\n\r\n  \/\/ Render days of the week\r\n  const tr = document.createElement('tr');\r\n  for (let i = 0; i < 7; i++) {\r\n    const th = document.createElement('th');\r\n    th.textContent = days[i];\r\n    tr.appendChild(th);\r\n  }\r\n  thead.appendChild(tr);\r\n\r\n  \/\/ Render calendar days\r\n  let date = 1;\r\n  for (let i = 0; i < 6; i++) {\r\n    const tr = document.createElement('tr');\r\n    for (let j = 0; j < 7; j++) {\r\n      const td = document.createElement('td');\r\n      if (i === 0 && j < startingDay) {\r\n        \/\/ Empty cells before the first day of the month\r\n        td.textContent = new Date(currentYear, currentMonth, -startingDay + j + 1).getDate();\r\n        td.classList.add('other-month');\r\n        tr.appendChild(td);\r\n      } else if (date > daysInMonth) {\r\n        \/\/ No more days left in the month\r\n        break;\r\n      } else {\r\n        td.textContent = date;\r\n        td.dataset.month = currentMonth;\r\n        td.dataset.year = currentYear;\r\n        td.addEventListener('click', () => {\r\n          if (!td.classList.contains('unavailable')) {\r\n            selectDate(td);\r\n          }\r\n        });\r\n\r\n        const currentDate = new Date(currentYear, currentMonth, date);\r\n        const isUnavailable = unavailableDates.some(unavailableDate => currentDate.getTime() === unavailableDate.getTime());\r\n        if (isUnavailable) {\r\n            td.classList.add('unavailable');\r\n        } else if (startDate && currentDate >= startDate && currentDate <= endDate) {\r\n          td.classList.add('selected');\r\n          if (startDate.getTime() === currentDate.getTime() || endDate.getTime() === currentDate.getTime()) {\r\n            td.classList.add('selected-start-end');\r\n          }\r\n        } else if (startDate && currentDate.getTime() === startDate.getTime()) {\r\n          td.classList.add('selected-start');\r\n          td.classList.add('selected-start-end');\r\n        } else if (endDate && currentDate.getTime() === endDate.getTime()) {\r\n          td.classList.add('selected-end');\r\n          td.classList.add('selected-start-end');\r\n        }\r\n        tr.appendChild(td);\r\n        date++;\r\n      }\r\n    }\r\n    tbody.appendChild(tr);\r\n  }\r\n\r\n  table.appendChild(thead);\r\n  table.appendChild(tbody);\r\n  calendarDiv.appendChild(table);\r\n  \r\n  \/\/ P\u0159idejte vol\u00e1n\u00ed funkce pro nastaven\u00ed dat term\u00ednu pobytu po vykreslen\u00ed kalend\u00e1\u0159e\r\n  setStayDates();\r\n}\r\n\r\nfunction selectDate(td) {\r\n  const clickedDate = new Date(td.dataset.year, td.dataset.month, parseInt(td.textContent));\r\n  \r\n  if (!startDate || (startDate && endDate)) {\r\n    startDate = clickedDate;\r\n    endDate = null;\r\n  } else if (clickedDate < startDate) {\r\n    endDate = startDate;\r\n    startDate = clickedDate;\r\n  } else {\r\n    endDate = clickedDate;\r\n    \/\/ Po\u010det noc\u00ed mezi vybran\u00fdmi daty\r\n    const nights = (endDate - startDate) \/ (1000 * 60 * 60 * 24);\r\n    if (nights < 6) {\r\n      alert(\"Minim\u00e1ln\u011b 6 noc\u00ed je po\u017eadov\u00e1no.\");\r\n      endDate = null; \r\n    }\r\n  }\r\n  renderCalendar();\r\n}\r\n\r\nfunction prevMonth() {\r\n  currentMonth--;\r\n  if (currentMonth < 0) {\r\n    currentMonth = 11;\r\n    currentYear--;\r\n  }\r\n  renderCalendar();\r\n}\r\n\r\nfunction nextMonth() {\r\n  currentMonth++;\r\n  if (currentMonth > 11) {\r\n    currentMonth = 0;\r\n    currentYear++;\r\n  }\r\n  renderCalendar();\r\n}\r\n\r\ndocument.getElementById('order-form').addEventListener('submit', function(event) {\r\n    \/\/ event.preventDefault(); \/\/ Tuto \u0159\u00e1dku m\u016f\u017eete odebrat\r\n    \/\/ submitForm(); \/\/ Tuto \u0159\u00e1dku m\u016f\u017eete odebrat nebo p\u0159idat funkci submitForm()\r\n});\r\n\r\nfunction setStayDates() {\r\n  if (startDate && endDate) {\r\n    document.getElementById('startDate').value = formatDate(startDate);\r\n    document.getElementById('endDate').value = formatDate(endDate);\r\n  }\r\n}\r\n\r\n\/\/ Funkce pro form\u00e1tov\u00e1n\u00ed data ve form\u00e1tu YYYY-MM-DD\r\nfunction formatDate(date) {\r\n  const year = date.getFullYear();\r\n  const month = (date.getMonth() + 1).toString().padStart(2, '0');\r\n  const day = date.getDate().toString().padStart(2, '0');\r\n  return `${year}-${month}-${day}`;\r\n}\r\n\r\n document.getElementById('order-form').addEventListener('submit', function(event) {\r\n        var response = grecaptcha.getResponse();\r\n        if (response.length == 0) {\r\n            alert(\"Pros\u00edm, potvr\u010fte, \u017ee nejste robot.\");\r\n            event.preventDefault(); \/\/ Zabra\u0148uje odesl\u00e1n\u00ed formul\u00e1\u0159e\r\n        }\r\n    });\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-18c401b1 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18c401b1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5fd9180e\" data-id=\"5fd9180e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-221b3564 elementor-widget elementor-widget-html\" data-id=\"221b3564\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.pricing-table {\r\n     font-family: 'Playfair Display SC', serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: 50px;\r\n}\r\n\r\n.plan {\r\n     font-family: 'Playfair Display SC', serif;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    margin: 20px;\r\n    width: 450px;\r\n    text-align: center;\r\n    transition: transform 0.3s ease;\r\n    background-color: #fff;\r\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.plan:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.plan-name {\r\n    font-family: 'Playfair Display SC', serif;\r\n    font-size: 40px;\r\n    margin-bottom: 20px;\r\n    color: #6c3e00;\r\n}\r\n\r\n.plan-details {\r\n    padding: 0;\r\n}\r\n\r\n.detail {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.season {\r\n    display: block;\r\n    font-size: 22px;\r\n    color: #6c3e00;\r\n    font-weight: 500;\r\n}\r\n\r\n.price {\r\n    display: inline-block; \r\n    font-size: 15px;\r\n    color: #fff;\r\n    background-color: #9b5900; \r\n    padding: 10px 20px; \r\n    margin-bottom: 10px; \r\n    font-weight: bold;\r\n}\r\n\r\n.period {\r\n    display: block;\r\n    font-size: 22px;\r\n    color: #6c3e00;\r\n}\r\n<\/style><body><div class=\"pricing-table\"><div class=\"plan dominika\"><h2 class=\"plan-name\">Dominika<\/h2><div class=\"plan-details\"><div class=\"detail\"><span class=\"season\">Letn\u00ed sezona:<\/span><span class=\"period\">29.6.-1.9.<\/span><\/div><div class=\"detail\"><span class=\"price\">265 euro \/ noc<\/span><\/div><\/div><div class=\"plan-details\"><div class=\"detail\"><span class=\"season\">Jarn\u00ed a podzimn\u00ed sezona:<\/span><span class=\"period\">2.9.-1.11. a 1.5.-28.6.<\/span><\/div><div class=\"detail\"><span class=\"price\">245 euro \/ noc<\/span><\/div><\/div><div class=\"plan-details\"><div class=\"detail\"><span class=\"season\">Zimn\u00ed sezona:<\/span><span class=\"period\">2.11.-30.4.<\/span><\/div><div class=\"detail\"><span class=\"price\">225 euro \/ noc<\/span><\/div><\/div><\/div><\/div><\/body>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4db589a8\" data-id=\"4db589a8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1988d196 elementor-widget elementor-widget-html\" data-id=\"1988d196\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.pricing-table {\r\n     font-family: 'Playfair Display SC', serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: 50px;\r\n}\r\n\r\n.plan {\r\n     font-family: 'Playfair Display SC', serif;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    margin: 20px;\r\n    width: 450px;\r\n    text-align: center;\r\n    transition: transform 0.3s ease;\r\n    background-color: #fff;\r\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.plan:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.plan-name {\r\n    font-family: 'Playfair Display SC', serif;\r\n    font-size: 40px;\r\n    margin-bottom: 20px;\r\n    color: #6c3e00;\r\n}\r\n\r\n.plan-details {\r\n    padding: 0;\r\n}\r\n\r\n.detail {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.season {\r\n    display: block;\r\n    font-size: 22px;\r\n    color: #6c3e00;\r\n    font-weight: 500;\r\n}\r\n\r\n.price {\r\n    display: inline-block; \r\n    font-size: 15px;\r\n    color: #fff;\r\n    background-color: #9b5900; \r\n    padding: 10px 20px; \r\n    margin-bottom: 10px; \r\n    font-weight: bold;\r\n}\r\n\r\n.period {\r\n    display: block;\r\n    font-size: 22px;\r\n    color: #6c3e00;\r\n}\r\n<\/style><body><\/body><div class=\"pricing-table\"><div class=\"plan thea\"><h2 class=\"plan-name\">Thea<\/h2><div class=\"plan-details\"><div class=\"detail\"><span class=\"season\">Letn\u00ed sezona:<\/span><span class=\"period\">29.6.-1.9.<\/span><\/div><div class=\"detail\"><span class=\"price\">255 euro \/ noc<\/span><\/div><\/div><div class=\"plan-details\"><div class=\"detail\"><span class=\"season\">Jarn\u00ed a podzimn\u00ed sezona:<\/span><span class=\"period\">2.9.-1.11. a 1.5.-28.6.<\/span><\/div><div class=\"detail\"><span class=\"price\">235 euro \/ noc<\/span> \r\n                <\/div><\/div><div class=\"plan-details\"><div class=\"detail\"><span class=\"season\">Zimn\u00ed sezona:<\/span><span class=\"period\">2.11.-30.4.<\/span><\/div><div class=\"detail\"><span class=\"price\">220 euro \/ noc<\/span><\/div><\/div><\/div><\/div><\/body>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Buchen Sie Ihren Aufenthalt Vollst\u00e4ndiger Name: E-mail: W\u00e4hlen Sie eine Villa: W\u00e4hlen Sie eine VillaCasa DominikaCasa Thea Anzahl der G\u00e4ste: Aufenthaltsdaten: Nachricht: Mit dem Absenden dieses Formulars stimmen Sie unseren Allgemeinen Gesch\u00e4ftsbedingungen Anfrage senden Dominika Sommersaison:29.6.-1.9. 280 Euro \/ Nacht Fr\u00fchlings und Herbst Saison:2.9.-1.11. und 1.5.-28.6. 260 Euro \/ Nacht Wintersaison:2.11.-30.4. 240 Euro \/ Nacht [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13432","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Preise und Reservierung - Sieravillas.es<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sierravillas.es\/cenik-a-rezervace\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Preise und Reservierung - Sieravillas.es\" \/>\n<meta property=\"og:description\" content=\"Buchen Sie Ihren Aufenthalt Vollst\u00e4ndiger Name: E-mail: W\u00e4hlen Sie eine Villa: W\u00e4hlen Sie eine VillaCasa DominikaCasa Thea Anzahl der G\u00e4ste: Aufenthaltsdaten: Nachricht: Mit dem Absenden dieses Formulars stimmen Sie unseren Allgemeinen Gesch\u00e4ftsbedingungen Anfrage senden Dominika Sommersaison:29.6.-1.9. 280 Euro \/ Nacht Fr\u00fchlings und Herbst Saison:2.9.-1.11. und 1.5.-28.6. 260 Euro \/ Nacht Wintersaison:2.11.-30.4. 240 Euro \/ Nacht [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sierravillas.es\/cenik-a-rezervace\/\" \/>\n<meta property=\"og:site_name\" content=\"Sieravillas.es\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-08T08:56:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sierravillas.es\/cenik-a-rezervace\/\",\"url\":\"https:\/\/sierravillas.es\/cenik-a-rezervace\/\",\"name\":\"Preise und Reservierung - Sieravillas.es\",\"isPartOf\":{\"@id\":\"https:\/\/sierravillas.es\/#website\"},\"datePublished\":\"2024-10-10T11:23:04+00:00\",\"dateModified\":\"2025-12-08T08:56:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sierravillas.es\/cenik-a-rezervace\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sierravillas.es\/cenik-a-rezervace\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sierravillas.es\/cenik-a-rezervace\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Dom\u016f\",\"item\":\"https:\/\/sierravillas.es\/de\/startseite\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Preise und Reservierung\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sierravillas.es\/#website\",\"url\":\"https:\/\/sierravillas.es\/\",\"name\":\"Sieravillas.es\",\"description\":\"Villa\",\"alternateName\":\"luxusn\u00ed \u0161pan\u011blsk\u00e1 rezidence s v\u00fdhledem na mo\u0159e\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sierravillas.es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Preise und Reservierung - Sieravillas.es","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sierravillas.es\/cenik-a-rezervace\/","og_locale":"de_DE","og_type":"article","og_title":"Preise und Reservierung - Sieravillas.es","og_description":"Buchen Sie Ihren Aufenthalt Vollst\u00e4ndiger Name: E-mail: W\u00e4hlen Sie eine Villa: W\u00e4hlen Sie eine VillaCasa DominikaCasa Thea Anzahl der G\u00e4ste: Aufenthaltsdaten: Nachricht: Mit dem Absenden dieses Formulars stimmen Sie unseren Allgemeinen Gesch\u00e4ftsbedingungen Anfrage senden Dominika Sommersaison:29.6.-1.9. 280 Euro \/ Nacht Fr\u00fchlings und Herbst Saison:2.9.-1.11. und 1.5.-28.6. 260 Euro \/ Nacht Wintersaison:2.11.-30.4. 240 Euro \/ Nacht [&hellip;]","og_url":"https:\/\/sierravillas.es\/cenik-a-rezervace\/","og_site_name":"Sieravillas.es","article_modified_time":"2025-12-08T08:56:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sierravillas.es\/cenik-a-rezervace\/","url":"https:\/\/sierravillas.es\/cenik-a-rezervace\/","name":"Preise und Reservierung - Sieravillas.es","isPartOf":{"@id":"https:\/\/sierravillas.es\/#website"},"datePublished":"2024-10-10T11:23:04+00:00","dateModified":"2025-12-08T08:56:32+00:00","breadcrumb":{"@id":"https:\/\/sierravillas.es\/cenik-a-rezervace\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sierravillas.es\/cenik-a-rezervace\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sierravillas.es\/cenik-a-rezervace\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Dom\u016f","item":"https:\/\/sierravillas.es\/de\/startseite\/"},{"@type":"ListItem","position":2,"name":"Preise und Reservierung"}]},{"@type":"WebSite","@id":"https:\/\/sierravillas.es\/#website","url":"https:\/\/sierravillas.es\/","name":"Sieravillas.es","description":"Villa","alternateName":"luxusn\u00ed \u0161pan\u011blsk\u00e1 rezidence s v\u00fdhledem na mo\u0159e","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sierravillas.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/sierravillas.es\/de\/wp-json\/wp\/v2\/pages\/13432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sierravillas.es\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sierravillas.es\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sierravillas.es\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sierravillas.es\/de\/wp-json\/wp\/v2\/comments?post=13432"}],"version-history":[{"count":24,"href":"https:\/\/sierravillas.es\/de\/wp-json\/wp\/v2\/pages\/13432\/revisions"}],"predecessor-version":[{"id":13768,"href":"https:\/\/sierravillas.es\/de\/wp-json\/wp\/v2\/pages\/13432\/revisions\/13768"}],"wp:attachment":[{"href":"https:\/\/sierravillas.es\/de\/wp-json\/wp\/v2\/media?parent=13432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}