{"id":2536,"date":"2025-06-01T09:46:32","date_gmt":"2025-06-01T09:46:32","guid":{"rendered":"https:\/\/lodge54.de\/contact\/"},"modified":"2025-09-25T09:49:40","modified_gmt":"2025-09-25T09:49:40","slug":"contact","status":"publish","type":"page","link":"https:\/\/lodge54.de\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium color_alternate\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-separator hide_on_default hide_on_laptops hide_on_tablets size_large\"><\/div><h1 class=\"w-text\"><span class=\"w-text-h\"><span class=\"w-text-value\">Contact Lodge54<\/span><\/span><\/h1><div class=\"wpb_text_column with_collapsible_content\" data-content-height=\"150px\"><div class=\"wpb_wrapper\"><h3><span>We Look Forward to Hearing from You!<\/span><\/h3>\n<p><span>We are here to answer all your questions about your stay, booking, or our facilities. Whether you need more information or have special requests \u2013 our friendly team is here to help you. Don&#8217;t hesitate to contact us! We look forward to hearing from you and planning your perfect getaway in Sankt Peter-Ording together!   <\/span><\/p>\n<\/div><div class=\"toggle-links align_none\"><button type=\"button\" class=\"collapsible-content-more\">Show More<\/button><button type=\"button\" class=\"collapsible-content-less\">Show Less<\/button><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_a40275d7 height_medium color_alternate\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container us_custom_d33ffd58 has_bg_color\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: center;\"><span>Feel Free to Call Us at <a href=\"tel:+4915121084779\">+49 1512 1084779<\/a> or Send Us an Email at <\/span><a href=\"mailto:urlaub@lodge54.de\"><span>Urlaub@Lodge54.De<\/span><\/a><span>. <\/span> <\/h2>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_medium\" id=\"booknow\"><div class=\"l-section-overlay\" style=\"background:var(--color-grey2)\"><\/div><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container us_custom_16aabb7b\"><div class=\"vc_column-inner\"><div class=\"w-separator size_medium\"><\/div><div class=\"w-html us_custom_ae63a3ea\"><style>\n.input-container {\n    padding-bottom: 0em;\n}\n.right-inner-addon {\n    position: relative;\n}\n.right-inner-addon input {\n    padding-right: 35px !important;\n}\n.right-inner-addon i {\n    position: absolute;\n    right: 0px;\n    padding: 19px 20px;\n    pointer-events: none;\n}\n@media only screen and (max-width: 600px) {\n    .right-inner-addon i {\n        position: absolute;\n        right: 0px;\n        padding: 16px 16px;\n        pointer-events: none;\n    }\n}\n.container {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n    grid-template-rows: 1fr;\n    gap: 0em 1em;\n    grid-auto-flow: row;\n    grid-template-areas:\n        \"arrival departure adults children book\"\n        \". . . . .\";\n}\n.arrival { grid-area: arrival; }\n.departure { grid-area: departure; }\n.adults { grid-area: adults; }\n.children { grid-area: children; }\n.book { grid-area: book; }\n.guest-info {\n    grid-column: 3 \/ span 2;\n    text-align: center;\n    font-size: 0.8em;\n    color: #666;\n    margin-top: 0.5em;\n}\n@media only screen and (max-width: 900px) {\n    .container {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-template-rows: 1fr 1fr 1fr;\n        grid-auto-columns: 1fr;\n        gap: 1em 1em;\n        grid-auto-flow: row;\n        grid-template-areas:\n            \"arrival departure\"\n            \"adults children\"\n            \"book book\";\n    }\n    .guest-info {\n        grid-column: 1 \/ span 2;\n        margin-top: -0.5em;\n        margin-bottom: 0.5em;\n    }\n}\n<\/style>\n<form action=\"https:\/\/book.lodge54.de\/en-US\/buchung\" method=\"get\" autocomplete=\"off\" target=\"_blank\">\n<div class=\"container\">\n    <div class=\"arrival\">\n        <div class=\"right-inner-addon input-container\">\n            <i class=\"fal fa-calendar-day\"><\/i>\n            <label class=\"labelnone\" for=\"startDate\">Arrival<\/label>\n            <input style=\"width: 100%\" type=\"text\" id=\"startDate_display\" readonly=\"true\" value=\"Arrival\">\n            <input type=\"hidden\" id=\"startDate\" name=\"startDate\">\n        <\/div>\n    <\/div>\n    <div class=\"departure\">\n        <div class=\"right-inner-addon input-container\">\n            <i class=\"fal fa-calendar-day\"><\/i>\n            <label class=\"labelnone\" for=\"endDate\">Departure<\/label>\n            <input style=\"width: 100%\" type=\"text\" id=\"endDate_display\" readonly=\"true\" value=\"Departure\">\n            <input type=\"hidden\" id=\"endDate\" name=\"endDate\">\n        <\/div>\n        <input type=\"hidden\" id=\"noofrooms\" name=\"noofrooms\" value=\"1\">\n    <\/div>\n    <div class=\"adults\">\n        <div class=\"w-form-row for_select\">\n            <div class=\"w-form-row-field\">\n                <select id=\"adults1\" name=\"adults1\">\n                    <option value=\"1\">1 Adult<\/option>\n                    <option value=\"2\">2 Adults<\/option>\n                    <option value=\"3\">3 Adults<\/option>\n                    <option value=\"4\" selected>4 Adults<\/option>\n                    <option value=\"5\">5 Adults<\/option>\n                    <option value=\"6\">6 Adults<\/option>\n                    <option value=\"7\">7 Adults<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"w-form-row-state\">Select adults<\/div>\n        <\/div>\n    <\/div>\n    <div class=\"children\">\n        <div class=\"w-form-row for_select\">\n            <div class=\"w-form-row-field\">\n                <select id=\"children1\" name=\"children1\">\n                    <option value=\"0\" selected>0 Children<\/option>\n                    <option value=\"1\">1 Child<\/option>\n                    <option value=\"2\">2 Children<\/option>\n                    <option value=\"3\">3 Children<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"w-form-row-state\">Select children<\/div>\n        <\/div>\n    <\/div>\n    <div class=\"book\">\n        <input style=\"height: 2.8rem; width: 100%\" type=\"submit\" value=\"Book now\" id=\"booking-submit-button\">\n    <\/div>\n    <!-- Booking code field hidden -->\n    <input type=\"hidden\" id=\"pce\" name=\"pce\">\n<\/div>\n<\/form><\/div><div class=\"w-html\"><script src=\"https:\/\/code.jquery.com\/jquery-1.10.2.min.js\"><\/script>\n<script src=\"https:\/\/code.jquery.com\/ui\/1.11.4\/jquery-ui.min.js\"><\/script>\n<script type=\"text\/javascript\">\n$(function () {\n    var now = new Date();\n    var maxGuests = 7; \/\/ Maximum total number of guests\n    \n    function formatDateForDisplay(date) {\n        return $.datepicker.formatDate('dd.mm.yy', date);\n    }\n    \n    function formatDateForURL(date) {\n        return $.datepicker.formatDate('yy-mm-dd', date);\n    }\n    \n    \/\/ Function to update available options\n    function updateGuestOptions() {\n        var adults = parseInt($('#adults1').val());\n        var children = parseInt($('#children1').val());\n        var totalGuests = adults + children;\n        \n        \/\/ Update children dropdown based on selected adults\n        var maxChildren = maxGuests - adults;\n        var $childrenSelect = $('#children1');\n        var currentChildren = parseInt($childrenSelect.val());\n        \n        \/\/ Store current selection\n        $childrenSelect.empty();\n        \n        \/\/ Add options for children\n        for (var i = 0; i <= maxChildren; i++) {\n            var text = (i === 1) ? i + ' Child' : i + ' Children';\n            $childrenSelect.append($('<option>', {\n                value: i,\n                text: text,\n                selected: (i === currentChildren && i <= maxChildren)\n            }));\n        }\n        \n        \/\/ If the current number of children exceeds the maximum, set to maximum\n        if (currentChildren > maxChildren) {\n            $childrenSelect.val(maxChildren);\n        }\n        \n        \/\/ Update adults dropdown based on selected children\n        children = parseInt($('#children1').val()); \/\/ Get updated number of children\n        var maxAdults = maxGuests - children;\n        var $adultsSelect = $('#adults1');\n        var currentAdults = parseInt($adultsSelect.val());\n        \n        \/\/ Store current selection\n        $adultsSelect.empty();\n        \n        \/\/ Add options for adults\n        for (var i = 1; i <= maxAdults; i++) {\n            var text = (i === 1) ? i + ' Adult' : i + ' Adults';\n            $adultsSelect.append($('<option>', {\n                value: i,\n                text: text,\n                selected: (i === currentAdults && i <= maxAdults)\n            }));\n        }\n        \n        \/\/ If the current number of adults exceeds the maximum, set to maximum\n        if (currentAdults > maxAdults) {\n            $adultsSelect.val(maxAdults);\n        }\n    }\n    \n    \/\/ Event handler for changes in guest count\n    $('#adults1, #children1').on('change', function() {\n        updateGuestOptions();\n    });\n    \n    \/\/ Initialize the dropdown menus\n    updateGuestOptions();\n    \n    $(\"#startDate_display, #endDate_display\").datepicker({\n        defaultDate: \"\",\n        firstDay: 1,\n        setDate: now,\n        minDate: 0,\n        changeMonth: false,\n        showButtonPanel: false,\n        numberOfMonths: 1,\n        closeText: 'Close',\n        prevText: 'Prev',\n        nextText: 'Next',\n        currentText: 'Today',\n        showOtherMonths: true,\n        selectOtherMonths: true,\n        monthNames: ['January', 'February', 'March', 'April', 'May', 'June',\n            'July', 'August', 'September', 'October', 'November', 'December'],\n        monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',\n            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n        dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n        dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n        dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\n        weekHeader: 'Wk',\n        dateFormat: 'dd.mm.yy',\n        onSelect: function (selectedDate) {\n            var date = $(this).datepicker('getDate');\n            if (this.id == 'startDate_display') {\n                \/\/ Set the hidden field for the URL\n                $('#startDate').val(formatDateForURL(date));\n                \n                \/\/ Calculate the departure date (4 days later)\n                var rMin = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 1);\n                var rMax = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 4);\n                \n                \/\/ Update the departure datepicker options\n                $('#endDate_display').datepicker(\"option\", \"minDate\", rMin);\n                \n                \/\/ Set the departure date and open the datepicker\n                $('#endDate_display').datepicker('setDate', rMax);\n                $('#endDate').val(formatDateForURL(rMax));\n                \n                \/\/ Automatically open the departure datepicker\n                setTimeout(function() {\n                    $('#endDate_display').datepicker('show');\n                }, 100);\n            } else if (this.id == 'endDate_display') {\n                \/\/ Set the hidden field for the URL\n                $('#endDate').val(formatDateForURL(date));\n            }\n        }\n    });\n    \n    \/\/ Before submitting the form, ensure date fields are filled\n    $('form').on('submit', function(e) {\n        var startDate = $('#startDate').val();\n        var endDate = $('#endDate').val();\n        \n        if (!startDate || !endDate) {\n            alert('Please select arrival and departure dates.');\n            e.preventDefault();\n            return false;\n        }\n    });\n});\n<\/script><\/div>\n<\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2536","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/lodge54.de\/en\/wp-json\/wp\/v2\/pages\/2536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lodge54.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lodge54.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lodge54.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lodge54.de\/en\/wp-json\/wp\/v2\/comments?post=2536"}],"version-history":[{"count":8,"href":"https:\/\/lodge54.de\/en\/wp-json\/wp\/v2\/pages\/2536\/revisions"}],"predecessor-version":[{"id":2891,"href":"https:\/\/lodge54.de\/en\/wp-json\/wp\/v2\/pages\/2536\/revisions\/2891"}],"wp:attachment":[{"href":"https:\/\/lodge54.de\/en\/wp-json\/wp\/v2\/media?parent=2536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}