{"id":1508,"date":"2026-01-21T13:39:29","date_gmt":"2026-01-21T13:39:29","guid":{"rendered":"https:\/\/sunsetatelier.com\/?page_id=1508"},"modified":"2026-08-16T19:32:53","modified_gmt":"2026-08-16T19:32:53","slug":"hello","status":"publish","type":"page","link":"https:\/\/sunsetatelier.com\/de\/","title":{"rendered":"hello"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1508\" class=\"elementor elementor-1508\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ceb26a e-flex e-con-boxed e-con e-parent\" data-id=\"1ceb26a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-742d9f4 elementor-widget elementor-widget-heading\" data-id=\"742d9f4\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"sa-hello\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WELCOME.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f90211 e-flex e-con-boxed e-con e-parent\" data-id=\"0f90211\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b678a9 elementor-widget elementor-widget-html\" data-id=\"0b678a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Import Fraunces font *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&display=swap');\r\n\r\n  \/* Page fade *\/\r\n  body {\r\n    opacity: 0;\r\n    transition: opacity 900ms ease;\r\n  }\r\n\r\n  body.sa-fade-in { \r\n    opacity: 1; \r\n  }\r\n\r\n  body.sa-fade-out { \r\n    opacity: 0; \r\n  }\r\n\r\n  \/* Crossfade wrapper inside the Elementor heading *\/\r\n  #sa-hello .sa-xfade {\r\n    display: inline-flex;\r\n    position: relative;\r\n    justify-content: center;\r\n    align-items: center;\r\n    line-height: 1;\r\n    min-width: 8ch;\r\n    text-align: center;\r\n  }\r\n\r\n  #sa-hello .sa-xfade span {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%) scale(0.98);\r\n    opacity: 0;\r\n    transition:\r\n      opacity 900ms ease,\r\n      transform 900ms ease;\r\n    will-change: opacity, transform;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #sa-hello .sa-xfade span.is-on {\r\n    opacity: 1;\r\n    transform: translate(-50%, -50%) scale(0.97);\r\n  }\r\n\r\n  \/* Fraunces typography *\/\r\n  #sa-hello .elementor-heading-title {\r\n    display: inline-block;\r\n    font-family: \"Fraunces\", serif;\r\n    font-weight: 400;\r\n    letter-spacing: -0.02em;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const words = [\"Welcome\", \"Hello\", \"Hola\"];\r\n\r\n    const switchEveryMs = 1200;\r\n    const fadeMs = 900;\r\n\r\n    const redirectTo = \"\/home\";\r\n    const fadeOutPageMs = 900;\r\n\r\n    \/\/ Page fade in\r\n    document.body.classList.add(\"sa-fade-in\");\r\n\r\n    const titleEl = document.querySelector(\"#sa-hello .elementor-heading-title\");\r\n    if (!titleEl) return;\r\n\r\n    \/\/ Crossfade structure\r\n    titleEl.innerHTML = `\r\n      <span class=\"sa-xfade\">\r\n        <span class=\"a is-on\"><\/span>\r\n        <span class=\"b\"><\/span>\r\n      <\/span>\r\n    `;\r\n\r\n    const wrap = titleEl.querySelector(\".sa-xfade\");\r\n    const a = wrap.querySelector(\".a\");\r\n    const b = wrap.querySelector(\".b\");\r\n\r\n    let index = 0;\r\n    let showA = true;\r\n\r\n    \/\/ Start with the FIRST word only\r\n    a.textContent = words[index];\r\n    b.textContent = \"\";\r\n\r\n    const intervalId = setInterval(() => {\r\n      index++;\r\n\r\n      \/\/ STOP after the last word\r\n      if (index >= words.length) {\r\n        clearInterval(intervalId);\r\n\r\n        \/\/ fade out page & redirect\r\n        setTimeout(() => {\r\n          document.body.classList.remove(\"sa-fade-in\");\r\n          document.body.classList.add(\"sa-fade-out\");\r\n\r\n          setTimeout(() => {\r\n            window.location.href = redirectTo;\r\n          }, fadeOutPageMs);\r\n\r\n        }, 400);\r\n\r\n        return;\r\n      }\r\n\r\n      \/\/ Crossfade to next word\r\n      if (showA) {\r\n        b.textContent = words[index];\r\n        b.classList.add(\"is-on\");\r\n        a.classList.remove(\"is-on\");\r\n      } else {\r\n        a.textContent = words[index];\r\n        a.classList.add(\"is-on\");\r\n        b.classList.remove(\"is-on\");\r\n      }\r\n\r\n      showA = !showA;\r\n\r\n    }, switchEveryMs);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WELCOME.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1508","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/sunsetatelier.com\/de\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"WELCOME.","_links":{"self":[{"href":"https:\/\/sunsetatelier.com\/de\/wp-json\/wp\/v2\/pages\/1508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunsetatelier.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunsetatelier.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunsetatelier.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunsetatelier.com\/de\/wp-json\/wp\/v2\/comments?post=1508"}],"version-history":[{"count":73,"href":"https:\/\/sunsetatelier.com\/de\/wp-json\/wp\/v2\/pages\/1508\/revisions"}],"predecessor-version":[{"id":2518,"href":"https:\/\/sunsetatelier.com\/de\/wp-json\/wp\/v2\/pages\/1508\/revisions\/2518"}],"wp:attachment":[{"href":"https:\/\/sunsetatelier.com\/de\/wp-json\/wp\/v2\/media?parent=1508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}