{"id":9112,"date":"2022-05-31T13:44:15","date_gmt":"2022-05-31T11:44:15","guid":{"rendered":"https:\/\/engstligenalp.ch\/weather\/"},"modified":"2026-04-28T18:48:19","modified_gmt":"2026-04-28T16:48:19","slug":"weather","status":"publish","type":"page","link":"https:\/\/engstligenalp.ch\/en\/weather\/","title":{"rendered":"Weather"},"content":{"rendered":"\n        <section id=\"highlights\" class=\"highlights wetter_page \" data-aos=\"fade-up\" data-aos-delay=\"50\"\n            style=\"position: relative\">\n            <style>\n                .wetter_details button {\n                    background-color: #ffffff00;\n                    color: #ccc !important;\n                    border: none;\n                    margin-top: 10px;\n                }\n\n                .modal-dialog {\n                    z-index: 1060;\n                }\n            <\/style>\n            <div class=\"triagles_effects ondesktop\" style=\"top:0; z-index: -1;\">\n                <div class=\"right_top_blue right_bottom_green\" data-aos=\"flip-right\" data-aos-delay=\"600\"><\/div>\n                <div class=\"left_top_blue\" data-aos=\"flip-right\" data-aos-delay=\"700\"><\/div>\n                <div class=\"left_top_blue\" data-aos=\"flip-right\" data-aos-delay=\"800\"><\/div>\n                <div class=\"right_top_lightblue\" data-aos=\"flip-right\" data-aos-delay=\"900\"><\/div>\n                <div class=\"\" data-aos=\"flip-right\"><\/div>\n                <div class=\"\" data-aos=\"flip-right\"><\/div>\n                <div class=\"\" data-aos=\"flip-right\"><\/div>\n            <\/div>\n            <div class=\"triagles_effects onmobile\" style=\"top:0; z-index: -1;\">\n                <div class=\"left_top_green right_bottom_blue\"><\/div>\n                <div class=\"left_top_green right_bottom_grey\"><\/div>\n                <div class=\"left_top_green\"><\/div>\n                <div class=\"\"><\/div>\n                <div class=\"left_top_blue right_bottom_grey\"><\/div>\n                <div class=\"left_top_grey\"><\/div>\n                <div class=\"\"><\/div>\n                <div class=\"\"><\/div>\n                <div class=\"left_top_blue\"><\/div>\n            <\/div>\n            <div class=\"row max_90_d\">\n                <div class=\"col-lg-12 text-light\">\n                    <h1 class=\"mb-4 heading\">Weather<\/h1>\n                <\/div>\n            <\/div>\n            <div class=\"\">\n                <div id=\"BetriebsinfoWetter\" class=\"highlights-slider__ swiper\">\n                <\/div>\n            <\/div>\n\n            <script>\n\t\t\t\t<!--\n                var wetter;\n                function wetterpopup(nr) {\n                        wetterpopuphtml = '<div class=\"wetter_card mb-3\">' +\n                            '<div class=\"wetter_time text-light\">' +\n                            '<span>';\n                        wetterdate = new Date(wetter[nr][\"@attributes\"].date);\n                        wetterpopuphtml += woche[wetterdate.getDay()] +\n                        '<\/span>' +\n                            '<strong>';\n                                if (wetterdate.getDate() < 10){\n                                    wetterpopuphtml += \"0\" + wetterdate.getDate();\n                                }else{\n                                    wetterpopuphtml += wetterdate.getDate();\n                                }\n                                wetterpopuphtml += \".\";\n                                if((wetterdate.getMonth() + 1 < 10)){\n                                    wetterpopuphtml += \"0\" + (wetterdate.getMonth() + 1);\n                                } else {\n                                    wetterpopuphtml += (wetterdate.getMonth() + 1);\n                                }\n                                wetterpopuphtml +=\".\" + wetterdate.getFullYear() + '<\/strong>' +\n                            '<\/div>' +\n                            '<div class=\"wetter_details\">' +\n                            '<div class=\"wetter_details_top\">' +\n                            '<img decoding=\"async\" src=\"https:\/\/engstligenalp.ch\/wp-content\/infosnow\/img\/wetter\/' + wetter[nr].Symbol + '.png\" alt=\"\">' +\n                            '<span class=\"visibleondesktop\"><img decoding=\"async\" src=\"https:\/\/engstligenalp.ch\/wp-content\/infosnow\/img\/icons\/c_plus.png\" alt=\"\">';\n                        if (wetter[nr].TempMax >= 0) {\n                            wetterpopuphtml += \"+\" + wetter[nr].TempMax;\n                        } else {\n                            wetterpopuphtml += wetter[nr].TempMax;\n                        }\n                        wetterpopuphtml += '\u00b0<\/span>' +\n                            '<span class=\"visibleondesktop\"><img decoding=\"async\" src=\"https:\/\/engstligenalp.ch\/wp-content\/infosnow\/img\/icons\/c_minus.png\" alt=\"\">';\n                        if (wetter[nr].TempMin >= 0) {\n                            wetterpopuphtml += \"+\" + wetter[nr].TempMin;\n                        } else {\n                            wetterpopuphtml += wetter[nr].TempMin;\n                        }\n                        wetterpopuphtml += '\u00b0<\/span>' +\n                            '<span class=\"visibleonmobile\">';\n                        if (wetter[nr].TempMin >= 0) {\n                            wetterpopuphtml += \"+\" + wetter[nr].TempMin;\n                        } else {\n                            wetterpopuphtml += wetter[nr].TempMin;\n                        }\n                        wetterpopuphtml += '\u00b0 \/ ';\n                        if (wetter[nr].TempMax >= 0) {\n                            wetterpopuphtml += \"+\" + wetter[nr].TempMax;\n                        } else {\n                            wetterpopuphtml += wetter[nr].TempMax;\n                        }\n                        wetterpopuphtml += '\u00b0<\/span>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<div class=\"datum lignted mb-2\">' +\n                            '<span class=\"b1_icon\">Wind speed:<\/span>' +\n                            '<span class=\"mmtime\">' + wetter[nr].WindForce + ' - ' + wetter[nr].WindMax + ' km\/h<\/span>' +\n                            '<\/div>' +\n                            '<div class=\"datum lignted mb-2\">' +\n                            '<span class=\"b2_icon\">Probability of rain<\/span>' +\n                            '<span class=\"mmtime\">' + wetter[nr].RainProbability + '%<\/span>' +\n                            '<\/div>' +\n                            '<div class=\"datum lignted mb-2\">' +\n                            '<span class=\"b2_icon\">Rainfall<\/span>' +\n                            '<span class=\"mmtime\">' + wetter[nr].Rain + 'mm<\/span>' +\n                            '<\/div>' +\n                            '<div class=\"uhrzeit lignted mb-2\">' +\n                            '<span class=\"b3_icon\">Sunrise:<\/span>' +\n                            '<span class=\"mmtime\">' + wetter[nr].Sunrise + ' Clock<\/span>' +\n                            '<\/div>' +\n                            '<div class=\"uhrzeit lignted mb-4\">' +\n                            '<span class=\"b4_icon\">Sunset:<\/span>' +\n                            '<span class=\"mmtime\">' + wetter[nr].Sunset + ' Clock<\/span>' +\n                            '<\/div>';\n                        jQuery(\"#modal_wetter .highlight-info\").html(wetterpopuphtml);\n                        jQuery('#modal_wetter').appendTo(\"body\").modal('show');\n                        if (nr == 0) {\n                            jQuery(\"#modal_wetter .highlight-button\").html('<button onclick=\"wetterpopup(' + (nr + 1) + ')\" class=\"btn btn-primary btn-rounded b_next\"><\/button><button onclick=\"wetterpopup(5)\" class=\"btn btn-primary btn-rounded b_prev\"><\/button>');\n                        } else if (nr == 5) {\n                            jQuery(\"#modal_wetter .highlight-button\").html('<button onclick=\"wetterpopup(0)\" class=\"btn btn-primary btn-rounded b_next\"><\/button><button onclick=\"wetterpopup(' + (nr - 1) + ')\" class=\"btn btn-primary btn-rounded b_prev\"><\/button>');\n                        } else {\n                            jQuery(\"#modal_wetter .highlight-button\").html('<button onclick=\"wetterpopup(' + (nr + 1) + ')\" class=\"btn btn-primary btn-rounded b_next\"><\/button><button onclick=\"wetterpopup(' + (nr - 1) + ')\" class=\"btn btn-primary btn-rounded b_prev\"><\/button>');\n                        }\n                    }\n                jQuery(document).ready(function ($) {\n                    $.getJSON('https:\/\/engstligenalp.ch\/wp-content\/infosnow\/sommer.json', function (data) {\n                    \/\/$.getJSON('sommer.json', function (data) {\n                        var i = 0;\n                        wetter = data.Resort.ElementGroup.filter(x => x[\"@attributes\"].name === \"METEOSRF\")[0].Element.Forecast;\n                        wetterHtml = '';\n                        woche = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\"];\n                        wetterHtml = '<div class=\"row max_90_d\">' +\n                            '<div class=\"col-lg-4 p-0\">' +\n                            '<div class=\"card card_effect text-light pos5\">' +\n                            '<div class=\"card_content p-md-4\">' +\n                            '<div class=\"wetter_card\">' +\n                            '<div class=\"wetter_time\">' +\n                                '<span>';\n                        wetterdate = new Date(wetter[0][\"@attributes\"].date);\n                        wetterHtml += woche[wetterdate.getDay()] +\n                        '<\/span>' +\n                        '<strong>';\n                                if (wetterdate.getDate() < 10){\n                                    wetterHtml += \"0\" + wetterdate.getDate();\n                                }else{\n                                    wetterHtml += wetterdate.getDate();\n                                }\n                                wetterHtml += \".\";\n                                if((wetterdate.getMonth() + 1 < 10)){\n                                    wetterHtml += \"0\" + (wetterdate.getMonth() + 1);\n                                } else {\n                                    wetterHtml += (wetterdate.getMonth() + 1);\n                                }\n                                wetterHtml +=\".\" + wetterdate.getFullYear() + '<\/strong>' +\n                            '<\/div>' +\n                            '<div class=\"wetter_details\">' +\n                            '<div class=\"wetter_details_top\">' +\n                            '<img decoding=\"async\" src=\"https:\/\/engstligenalp.ch\/wp-content\/infosnow\/img\/wetter\/' + wetter[0].Symbol + '.png\" alt=\"\">' +\n                            '<span>';\n                        if (wetter[0].TempMax >= 0) {\n                            wetterHtml += \"+\" + wetter[0].TempMax;\n                        } else {\n                            wetterHtml += wetter[0].TempMax;\n                        }\n                        wetterHtml += '\u00b0<\/span>' +\n                            '<\/div>' +\n                            '<button onclick=\"wetterpopup(0)\">Show details <i class=\"bi bi bi-chevron-right\"><\/i><\/button>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<div class=\"col-lg-4 p-0\">' +\n                            '<div class=\"card card_effect text-light pos5\">' +\n                            '<div class=\"card_content p-md-4\">' +\n                            '<div class=\"wetter_card\">' +\n                            '<div class=\"wetter_time\">' +\n                                '<span>';\n                        wetterdate = new Date(wetter[1][\"@attributes\"].date);\n                        wetterHtml += woche[wetterdate.getDay()] +\n                        '<\/span>' +\n                        '<strong>';\n                                if (wetterdate.getDate() < 10){\n                                    wetterHtml += \"0\" + wetterdate.getDate();\n                                }else{\n                                    wetterHtml += wetterdate.getDate();\n                                }\n                                wetterHtml += \".\";\n                                if((wetterdate.getMonth() + 1 < 10)){\n                                    wetterHtml += \"0\" + (wetterdate.getMonth() + 1);\n                                } else {\n                                    wetterHtml += (wetterdate.getMonth() + 1);\n                                }\n                                wetterHtml +=\".\" + wetterdate.getFullYear() + '<\/strong>' +\n                            '<\/div>' +\n                            '<div class=\"wetter_details\">' +\n                            '<div class=\"wetter_details_top\">' +\n                            '<img decoding=\"async\" src=\"https:\/\/engstligenalp.ch\/wp-content\/infosnow\/img\/wetter\/' + wetter[1].Symbol + '.png\" alt=\"\">' +\n                            '<span>';\n                        if (wetter[1].TempMax >= 0) {\n                            wetterHtml += \"+\" + wetter[1].TempMax;\n                        } else {\n                            wetterHtml += wetter[1].TempMax;\n                        }\n                        wetterHtml += '\u00b0<\/span>' +\n                            '<\/div>' +\n                            '<button onclick=\"wetterpopup(1)\">Show details <i class=\"bi bi bi-chevron-right\"><\/i><\/button>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<div class=\"col-lg-4 p-0\">' +\n                            '<div class=\"card card_effect text-light pos5\">' +\n                            '<div class=\"card_content p-md-4\">' +\n                            '<div class=\"wetter_card\">' +\n                            '<div class=\"wetter_time\">' +\n                                '<span>';\n                        wetterdate = new Date(wetter[2][\"@attributes\"].date);\n                        wetterHtml += woche[wetterdate.getDay()] +\n                        '<\/span>' +\n                        '<strong>';\n                                if (wetterdate.getDate() < 10){\n                                    wetterHtml += \"0\" + wetterdate.getDate();\n                                }else{\n                                    wetterHtml += wetterdate.getDate();\n                                }\n                                wetterHtml += \".\";\n                                if((wetterdate.getMonth() + 1 < 10)){\n                                    wetterHtml += \"0\" + (wetterdate.getMonth() + 1);\n                                } else {\n                                    wetterHtml += (wetterdate.getMonth() + 1);\n                                }\n                                wetterHtml +=\".\" + wetterdate.getFullYear() + '<\/strong>' +\n                            '<\/div>' +\n                            '<div class=\"wetter_details\">' +\n                            '<div class=\"wetter_details_top\">' +\n                            '<img decoding=\"async\" src=\"https:\/\/engstligenalp.ch\/wp-content\/infosnow\/img\/wetter\/' + wetter[2].Symbol + '.png\" alt=\"\">' +\n                            '<span>';\n                        if (wetter[2].TempMax >= 0) {\n                            wetterHtml += \"+\" + wetter[2].TempMax;\n                        } else {\n                            wetterHtml += wetter[2].TempMax;\n                        }\n                        wetterHtml += '\u00b0<\/span>' +\n                            '<\/div>' +\n                            '<button onclick=\"wetterpopup(2)\">Show details <i class=\"bi bi bi-chevron-right\"><\/i><\/button>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<div class=\"row max_90_d\">' +\n                            '<div class=\"col-lg-4 p-0\">' +\n                            '<div class=\"card card_effect text-light pos5\">' +\n                            '<div class=\"card_content p-md-4\">' +\n                            '<div class=\"wetter_card\">' +\n                            '<div class=\"wetter_time\">' +\n                                '<span>';\n                        wetterdate = new Date(wetter[3][\"@attributes\"].date);\n                        wetterHtml += woche[wetterdate.getDay()] +\n                        '<\/span>' +\n                        '<strong>';\n                                if (wetterdate.getDate() < 10){\n                                    wetterHtml += \"0\" + wetterdate.getDate();\n                                }else{\n                                    wetterHtml += wetterdate.getDate();\n                                }\n                                wetterHtml += \".\";\n                                if((wetterdate.getMonth() + 1 < 10)){\n                                    wetterHtml += \"0\" + (wetterdate.getMonth() + 1);\n                                } else {\n                                    wetterHtml += (wetterdate.getMonth() + 1);\n                                }\n                                wetterHtml +=\".\" + wetterdate.getFullYear() + '<\/strong>' +\n                            '<\/div>' +\n                            '<div class=\"wetter_details\">' +\n                            '<div class=\"wetter_details_top\">' +\n                            '<img decoding=\"async\" src=\"https:\/\/engstligenalp.ch\/wp-content\/infosnow\/img\/wetter\/' + wetter[3].Symbol + '.png\" alt=\"\">' +\n                            '<span>';\n                        if (wetter[3].TempMax >= 0) {\n                            wetterHtml += \"+\" + wetter[3].TempMax;\n                        } else {\n                            wetterHtml += wetter[3].TempMax;\n                        }\n                        wetterHtml += '\u00b0<\/span>' +\n                            '<\/div>' +\n                            '<button onclick=\"wetterpopup(3)\">Show details <i class=\"bi bi bi-chevron-right\"><\/i><\/button>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<div class=\"col-lg-4 p-0\">' +\n                            '<div class=\"card card_effect text-light pos5\">' +\n                            '<div class=\"card_content p-md-4\">' +\n                            '<div class=\"wetter_card\">' +\n                            '<div class=\"wetter_time\">' +\n                                '<span>';\n                        wetterdate = new Date(wetter[4][\"@attributes\"].date);\n                        wetterHtml += woche[wetterdate.getDay()] +\n                        '<\/span>' +\n                        '<strong>';\n                                if (wetterdate.getDate() < 10){\n                                    wetterHtml += \"0\" + wetterdate.getDate();\n                                }else{\n                                    wetterHtml += wetterdate.getDate();\n                                }\n                                wetterHtml += \".\";\n                                if((wetterdate.getMonth() + 1 < 10)){\n                                    wetterHtml += \"0\" + (wetterdate.getMonth() + 1);\n                                } else {\n                                    wetterHtml += (wetterdate.getMonth() + 1);\n                                }\n                                wetterHtml +=\".\" + wetterdate.getFullYear() + '<\/strong>' +\n                            '<\/div>' +\n                            '<div class=\"wetter_details\">' +\n                            '<div class=\"wetter_details_top\">' +\n                            '<img decoding=\"async\" src=\"https:\/\/engstligenalp.ch\/wp-content\/infosnow\/img\/wetter\/' + wetter[4].Symbol + '.png\" alt=\"\">' +\n                            '<span>';\n                        if (wetter[4].TempMax >= 0) {\n                            wetterHtml += \"+\" + wetter[4].TempMax;\n                        } else {\n                            wetterHtml += wetter[4].TempMax;\n                        }\n                        wetterHtml += '\u00b0<\/span>' +\n                            '<\/div>' +\n                            '<button onclick=\"wetterpopup(4)\">Show details <i class=\"bi bi bi-chevron-right\"><\/i><\/button>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<div class=\"col-lg-4 p-0\">' +\n                            '<div class=\"card card_effect text-light pos5\">' +\n                            '<div class=\"card_content p-md-4\">' +\n                            '<div class=\"wetter_card\">' +\n                            '<div class=\"wetter_time\">' +\n                                '<span>';\n                        wetterdate = new Date(wetter[5][\"@attributes\"].date);\n                        wetterHtml += woche[wetterdate.getDay()] +\n                        '<\/span>' +\n                        '<strong>';\n                                if (wetterdate.getDate() < 10){\n                                    wetterHtml += \"0\" + wetterdate.getDate();\n                                }else{\n                                    wetterHtml += wetterdate.getDate();\n                                }\n                                wetterHtml += \".\";\n                                if((wetterdate.getMonth() + 1 < 10)){\n                                    wetterHtml += \"0\" + (wetterdate.getMonth() + 1);\n                                } else {\n                                    wetterHtml += (wetterdate.getMonth() + 1);\n                                }\n                                wetterHtml +=\".\" + wetterdate.getFullYear() + '<\/strong>' +\n                            '<\/div>' +\n                            '<div class=\"wetter_details\">' +\n                            '<div class=\"wetter_details_top\">' +\n                            '<img decoding=\"async\" src=\"https:\/\/engstligenalp.ch\/wp-content\/infosnow\/img\/wetter\/' + wetter[5].Symbol + '.png\" alt=\"\">' +\n                            '<span>';\n                        if (wetter[5].TempMax >= 0) {\n                            wetterHtml += \"+\" + wetter[5].TempMax;\n                        } else {\n                            wetterHtml += wetter[5].TempMax;\n                        }\n                        wetterHtml += '\u00b0<\/span>' +\n                            '<\/div>' +\n                            '<button onclick=\"wetterpopup(5)\">Show details <i class=\"bi bi bi-chevron-right\"><\/i><\/button>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<div class=\"modal fade\" id=\"modal_wetter\" data-backdrop=\"static\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"staticBackdropLabel\" aria-hidden=\"true\">' +\n                            '<div class=\"modal-dialog modal-dialog-centered highlights\">' +\n                            '<div class=\"modal-content\">' +\n                            '<button type=\"button\" class=\"close close__btn\" data-bs-dismiss=\"modal\" aria-label=\"Close\">' +\n                            '<span aria-hidden=\"true\">&times;<\/span>' +\n                            '<\/button>' +\n                            '<div class=\"highlight\">' +\n                            '<div class=\"highlight-info\">' +\n                            '<\/div>' +\n                            '<div class=\"highlight-button\">' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>' +\n                            '<\/div>';\n                        $(\"#BetriebsinfoWetter\").html(wetterHtml);\n                    });\n\n\n                    \n                });\n\t\t\t\t\n\t\t\t\t\/\/-->\n            <\/script>\n        <\/section>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":50,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9112","page","type-page","status-publish","hentry"],"acf":[],"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/engstligenalp.ch\/en\/wp-json\/wp\/v2\/pages\/9112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engstligenalp.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/engstligenalp.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/engstligenalp.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/engstligenalp.ch\/en\/wp-json\/wp\/v2\/comments?post=9112"}],"version-history":[{"count":1,"href":"https:\/\/engstligenalp.ch\/en\/wp-json\/wp\/v2\/pages\/9112\/revisions"}],"predecessor-version":[{"id":28820,"href":"https:\/\/engstligenalp.ch\/en\/wp-json\/wp\/v2\/pages\/9112\/revisions\/28820"}],"wp:attachment":[{"href":"https:\/\/engstligenalp.ch\/en\/wp-json\/wp\/v2\/media?parent=9112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}