{"id":1123,"date":"2025-04-08T12:29:48","date_gmt":"2025-04-08T12:29:48","guid":{"rendered":"https:\/\/claudiagreussing.at\/portfolio\/?p=1123"},"modified":"2025-09-19T09:14:26","modified_gmt":"2025-09-19T09:14:26","slug":"naturhotel-chesa-valisa-team-lodge","status":"publish","type":"post","link":"https:\/\/claudiagreussing.at\/neubau\/naturhotel-chesa-valisa-team-lodge\/","title":{"rendered":"Chesa Valisa: Team Lodges"},"content":{"rendered":"\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8559-Ps-\u00a9studioWaelder-scaled.jpg\" alt=\"\" class=\"wp-image-1127\" srcset=\"https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8559-Ps-\u00a9studioWaelder-scaled.jpg 2560w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8559-Ps-\u00a9studioWaelder-1536x1024.jpg 1536w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8559-Ps-\u00a9studioWaelder-512x341.jpg 512w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8559-Ps-\u00a9studioWaelder-768x512.jpg 768w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8559-Ps-\u00a9studioWaelder-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div class=\"custom-inner-block\">\n    \n\n<h2 class=\"wp-block-heading alignwide is-style-default has-large-font-size\">Chesa Valisa: Team Lodges<\/h2>\n\n\n\n<p class=\"is-style-default has-medium-font-size\">Neubau, 2021, Hirschegg<\/p>\n\n\n\n<p class=\"has-medium-font-size\">Am Rande der Heuberg-Skipiste stehen drei zueinander leicht ausgedrehte Bauk\u00f6rper. Wie selbstverst\u00e4ndlich f\u00fcgen sie sich in der H\u00f6henentwicklung der Hangneigung.<\/p>\n\n\n    <button class=\"open-project-overlay open-button\" type=\"button\"><\/button>\n<\/div>\n\n<style>\n.custom-inner-block{\n    margin-bottom: 1.5rem;\n}\n.open-button {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    background-color: #D1C07B;\n    border: 1px solid black;\n    position: relative;\n    cursor: pointer;\n    padding: 0;\n    margin-top: 0;\n}\n\n\/* Stil f\u00fcr den Open-Button, wenn das Overlay ge\u00f6ffnet ist *\/\n.open-button.active {\n    background-color: white; \/* Hintergrundfarbe auf wei\u00df setzen *\/\n    border: 1px solid black; \/* Randfarbe anpassen *\/\n    color: black; \/* Textfarbe \u00e4ndern, falls der Button Text enth\u00e4lt *\/\n}\n\n\/* Responsive Open-Button *\/\n@media screen and (max-width: 1680px) {\n    .open-button {\n        width: 52px;\n        height: 52px;\n    }\n}\n\n@media screen and (max-width: 1366px) {\n    .open-button {\n        width: 48px;\n        height: 48px;\n    }\n}\n\n@media screen and (max-width: 768px) {\n    .open-button {\n        width: 44px;\n        height: 44px;\n    }\n    .custom-inner-block{\n    margin-bottom: 0rem !important;\n\n}\n}\n\n@media screen and (max-width: 480px) {\n    .open-button {\n        width: 38px;\n        height: 38px;\n    }\n}\n\n.open-button::before {\n    font-family: var(--wp--preset--font-family--abc-diatype);\n    font-weight: 400;\n    font-size: var(--wp--preset--font-size--custom);\n    content: '\\E000';\n    position: absolute;\n    transform: translate(-52%, -48%) rotate(45deg);\n    color: black;\n}\n\n\/* CSS f\u00fcr den Open-Button im ge\u00f6ffneten Overlay *\/\n\n\n.open-button.active {\n    background-color: white;\n    border-color: black;\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const overlay = document.querySelector('.project-overlay');\n    const openButton = document.querySelector('.open-project-overlay');\n    \/\/ Korrektur: Spezifischerer Selektor f\u00fcr den Close-Button\n    const closeButton = document.querySelector('.project-overlay .close-button');\n\n    openButton.addEventListener('click', function() {\n        overlay.classList.add('open');\n        openButton.classList.add('active');\n    });\n\n    closeButton.addEventListener('click', function() {\n        overlay.classList.remove('open');\n        openButton.classList.remove('active');\n    });\n});\n<\/script><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column mobile-hidden is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<figure class=\"wp-block-image alignwide size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8593-Ps-\u00a9studioWaelder-Ps-\u00a9studioWaelder-1-1536x1024.jpg\" alt=\"\" class=\"wp-image-1132\" srcset=\"https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8593-Ps-\u00a9studioWaelder-Ps-\u00a9studioWaelder-1-1536x1024.jpg 1536w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8593-Ps-\u00a9studioWaelder-Ps-\u00a9studioWaelder-1-512x341.jpg 512w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8593-Ps-\u00a9studioWaelder-Ps-\u00a9studioWaelder-1-768x512.jpg 768w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8593-Ps-\u00a9studioWaelder-Ps-\u00a9studioWaelder-1-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<figure class=\"wp-block-image alignwide size-full\"><img decoding=\"async\" src=\"https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/Naturhotel-Chesa-Valisa-Team-Lodges-46-1-scaled.jpg\" alt=\"\" class=\"wp-image-1137\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column mobile-hidden is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<figure class=\"wp-block-image alignwide size-medium\"><img decoding=\"async\" src=\"https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/Naturhotel-Chesa-Valisa-Team-Lodges-38-1536x1152.jpg\" alt=\"\" class=\"wp-image-1135\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<figure class=\"wp-block-image alignwide size-full\"><img decoding=\"async\" src=\"https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/Naturhotel-Chesa-Valisa-Team-Lodges-2-1-scaled.jpg\" alt=\"\" class=\"wp-image-1134\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\"><style>\n    \/* Tabelle nimmt die volle Breite ein und nutzt Border-Collapse *\/\n    .project-table {\n        width: calc(100% + 100px);\n        border-collapse: collapse;\n        margin-left:-100px;\n        margin-right:-100px;\n    }\n    \n    \/* In den Tabellenzellen beginnt der Inhalt 100px vom linken Rand.\n       Zus\u00e4tzlich kann hier ein oberer Abstand (z. B. 20px) gesetzt werden *\/\n    .project-table td {\n        padding: 0px 0 0 100px;\n    }\n\n    \/* Location ausblenden zwischen 769px und 1024px *\/\n    @media (min-width: 769px) and (max-width: 1180px) {\n        .location-text,\n        .year-text,\n        .type-comma,\n        .location-comma {\n            display: none;\n        }\n    }\n\n    @media (min-width: 1181px) and (max-width: 1480px) {\n        .location-text,\n\n        .location-comma {\n            display: none;\n        }\n    }\n    \n    \/* Die Tabellenzeile erh\u00e4lt eine durchgehende Border-Bottom bis zum Rand *\/\n    .project-table tr {\n        border-bottom: 1px solid black;\n    }\n\n    .project-table tr:first-child {\n        border-top: 1px solid black;\n    }\n\n    .project-table  strong {\n        font-size: var(--wp--preset--font-size--medium);\n        font-style: normal;\n        font-weight: normal;\n    }\n\n    .project-table  p {\n        font-family: var(--wp--preset--font-family--abc-diatype);\n        font-size: var(--wp--preset--font-size--medium);\n        line-height: var(--wp--preset--line-height--medium);\n        margin-block-start: 0.185rem;\n        margin-block-end: 0.185rem;\n    }\n\n    .project-table a {\n        color: var(--color-black);\n        text-decoration: none;\n    }\n\n    .project-table a:hover {\n        color: var(--color-accent-2);\n        text-decoration: none;\n    }\n    \n    .wp-block-columns.weitere-projekte {\n        display: flex !important;\n        align-items: flex-end !important;\n    }\n    \n    .wp-block-columns.weitere-projekte {\n        justify-content: flex-end !important;\n    }\n\n    .project-list.weitere-projekte h3 {\n    font-weight: normal;\n}\n\n\n@media (max-width: 1024px) {\n\n.project-table {\n    width: calc(100% + 0px);\n    border-collapse: collapse;\n    margin-left:0px;\n    margin-right:0px;\n} \n\n.project-table td {\n    padding: 0px 0 0 0px;\n}\n\/* Block-Ausrichtung am unteren Rand *\/\n.wp-block-columns.weitere-projekte {\n    display: flex !important;\n    align-items: flex-start !important;\n}\n.wp-block-columns.weitere-projekte {\n    width: 100% !important;\n    justify-content: flex-start !important;\n}\n.wp-block-column.weitere-projekte {\n    overflow: visible !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    width: 100% !important;\n    margin-top: 0rem !important;\n    margin-bottom: 2rem !important;\n    padding-top: 0 !important;\n\n}\n}\n\n@media (max-width: 1023px) {\n\n    .project-table {\n        width: calc(100% + 0px);\n        margin-left:0px;\n     \n    } \n\n    .project-table td {\n        padding: 0px 0 0 0px;\n    }\n\n}\n\n\n@media (max-width: 768px) {\n\n.project-table {\n    width: calc(100% + 40px);\n    margin-left:-20px;\n \n} \n\n.project-table td {\n    padding: 0px 0 0 20px;\n}\n\n}\n\n<\/style>\n<div class=\"wp-block-columns weitere-projekte\">\n    <div class=\"wp-block-column weitere-projekte\">\n        <div class=\"project-list weitere-projekte\">\n        <h3>Weitere Projekte<\/h3>\n            <table class=\"project-table\">\n                                    <tr>\n                        <td>\n                            <a href=\"https:\/\/claudiagreussing.at\/neubau\/ein-haus-im-gruenen\/\">\n                            <p>\n                                <strong>Haus im Gr\u00fcnen<\/strong>, Lauterach                            <\/p>\n                            <\/a>\n                        <\/td>\n                    <\/tr>\n                                    <tr>\n                        <td>\n                            <a href=\"https:\/\/claudiagreussing.at\/neubau\/haus-in-resonanz\/\">\n                            <p>\n                                <strong>Haus in Resonanz<\/strong>, Dornbirn Ebnit                            <\/p>\n                            <\/a>\n                        <\/td>\n                    <\/tr>\n                                    <tr>\n                        <td>\n                            <a href=\"https:\/\/claudiagreussing.at\/neubau\/nachhaltiges-wohnen-mit-eigener-energie\/\">\n                            <p>\n                                <strong>Strau\u00dfberghof Kleinwalsertal<\/strong>, Riezlern                            <\/p>\n                            <\/a>\n                        <\/td>\n                    <\/tr>\n                            <\/table>\n        <\/div>\n    <\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<figure class=\"wp-block-image alignwide size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8234-Ps-\u00a9studioWaelder-1536x1024.jpg\" alt=\"\" class=\"wp-image-1131\" srcset=\"https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8234-Ps-\u00a9studioWaelder-1536x1024.jpg 1536w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8234-Ps-\u00a9studioWaelder-512x341.jpg 512w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8234-Ps-\u00a9studioWaelder-768x512.jpg 768w, https:\/\/claudiagreussing.at\/portfolio\/wp-content\/uploads\/2025\/04\/STW_8234-Ps-\u00a9studioWaelder-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"class_list":["post-1123","post","type-post","status-publish","format-standard","hentry","category-neubau"],"acf":[],"_links":{"self":[{"href":"https:\/\/claudiagreussing.at\/wp-json\/wp\/v2\/posts\/1123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/claudiagreussing.at\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/claudiagreussing.at\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/claudiagreussing.at\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/claudiagreussing.at\/wp-json\/wp\/v2\/comments?post=1123"}],"version-history":[{"count":10,"href":"https:\/\/claudiagreussing.at\/wp-json\/wp\/v2\/posts\/1123\/revisions"}],"predecessor-version":[{"id":1735,"href":"https:\/\/claudiagreussing.at\/wp-json\/wp\/v2\/posts\/1123\/revisions\/1735"}],"wp:attachment":[{"href":"https:\/\/claudiagreussing.at\/wp-json\/wp\/v2\/media?parent=1123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/claudiagreussing.at\/wp-json\/wp\/v2\/categories?post=1123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}