{"id":25,"date":"2026-03-19T09:53:22","date_gmt":"2026-03-19T09:53:22","guid":{"rendered":"https:\/\/dev.spreiterarchitekten.marke17.com\/?page_id=25"},"modified":"2026-03-19T09:54:35","modified_gmt":"2026-03-19T09:54:35","slug":"startseite","status":"publish","type":"page","link":"https:\/\/spreiterarchitekten.ch\/","title":{"rendered":"Startseite"},"content":{"rendered":"\n  <div class=\"mt-[50px] md:mt-[100px] px-4 md:px-0 grid grid-cols-12 grid_galerie min-h-[600px] md:min-h-0 gap-1 md:gap-4\">\n    <div id=\"galerie_item_1\" class=\"galerie_item\"><img decoding=\"async\" class=\"w-full h-full object-contain\" src=\"\" alt=\"\"><\/div>\n    <div id=\"galerie_item_2\" class=\"galerie_item\"><img decoding=\"async\" class=\"w-full h-full object-contain\" src=\"\" alt=\"\"><\/div>\n    <div id=\"galerie_item_3\" class=\"galerie_item\"><img decoding=\"async\" class=\"w-full h-full object-contain\" src=\"\" alt=\"\"><\/div>\n    <div id=\"galerie_item_4\" class=\"galerie_item\"><img decoding=\"async\" class=\"w-full h-full object-contain\" src=\"\" alt=\"\"><\/div>\n    <div id=\"galerie_item_5\" class=\"galerie_item\"><img decoding=\"async\" class=\"w-full h-full object-contain\" src=\"\" alt=\"\"><\/div>\n  <\/div>\n\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.14.1\/dist\/gsap.min.js\"><\/script>\n  <script>\n    (() => {\n      const src_arr = [\n        \"https:\/\/spreiterarchitekten.ch\/wp-content\/uploads\/2026\/03\/Unknown.webp\",\n\"https:\/\/spreiterarchitekten.ch\/wp-content\/uploads\/2026\/03\/Langgasse.webp\",\n\"https:\/\/spreiterarchitekten.ch\/wp-content\/uploads\/2026\/03\/Girtannerstrasse_1.webp\",\n\"https:\/\/spreiterarchitekten.ch\/wp-content\/uploads\/2026\/03\/Buechelstrasse.webp\",\n\"https:\/\/spreiterarchitekten.ch\/wp-content\/uploads\/2026\/03\/Oberhofstetten-2.webp\",\n\"https:\/\/spreiterarchitekten.ch\/wp-content\/uploads\/2026\/03\/Oberhofstetten.webp\",\n\"https:\/\/spreiterarchitekten.ch\/wp-content\/uploads\/2026\/03\/Unknown-1.webp\",\n      ];\n\n      src_arr.forEach(url => {\n        const img = new Image();\n        img.src = url;\n      });\n\n      const shuffle = (array) => {\n        for (let i = array.length - 1; i > 0; i--) {\n          const j = Math.floor(Math.random() * (i + 1));\n          [array[i], array[j]] = [array[j], array[i]];\n        }\n        return array;\n      };\n      shuffle(src_arr);\n\n      document.querySelectorAll(\".galerie_item img\").forEach((img, i) => {\n        img.src = src_arr[i % src_arr.length];\n      });\n\n      \/\/ Alle Items VOR den Timelines in den Startzustand setzen\n      for (let i = 1; i <= 5; i++) {\n        gsap.set(`#galerie_item_${i}`, {\n          opacity: 0\n        });\n        gsap.set(`#galerie_item_${i} img`, {\n          scale: 0.5,\n          transformOrigin: \"center center\"\n        });\n      }\n\n      const buildTimeline = (index, seekTo) => {\n        let counter = index;\n        const wrapper = `#galerie_item_${index + 1}`;\n        const img = `#galerie_item_${index + 1} img`;\n\n        const tl = gsap.timeline({\n          repeat: -1,\n          repeatDelay: 0,\n          onRepeat: () => {\n            \/\/ Bild wechseln w\u00e4hrend unsichtbar, dann sofort zur\u00fcck auf scale 0.5\n            gsap.set(img, {\n              scale: 0.5\n            });\n            document.querySelector(img).src = src_arr[counter];\n            counter = (counter + 1) % src_arr.length;\n          }\n        });\n\n        tl.to(wrapper, {\n          opacity: 1,\n          duration: 0.75,\n          ease: \"none\"\n        });\n        tl.to(img, {\n          scale: 1,\n          duration: 6,\n          ease: \"none\"\n        }, \"<\");\n        tl.to(wrapper, {\n          opacity: 0,\n          duration: 0.75,\n          delay: 4.5\n        }, \"<\");\n\n        if (seekTo) tl.seek(seekTo);\n        return tl;\n      };\n\n      buildTimeline(0, 0);\n      buildTimeline(1, 1.2);\n      buildTimeline(2, 2.4);\n      buildTimeline(3, 3.6);\n      buildTimeline(4, 4.5);\n\n    })();\n  <\/script>\n\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-25","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/spreiterarchitekten.ch\/index.php\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spreiterarchitekten.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spreiterarchitekten.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spreiterarchitekten.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spreiterarchitekten.ch\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":2,"href":"https:\/\/spreiterarchitekten.ch\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/spreiterarchitekten.ch\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/spreiterarchitekten.ch\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}