{"id":13,"date":"2025-12-03T16:14:04","date_gmt":"2025-12-03T16:14:04","guid":{"rendered":"https:\/\/vow-to-feel-good.de\/?page_id=13"},"modified":"2025-12-03T16:23:02","modified_gmt":"2025-12-03T16:23:02","slug":"startseite","status":"publish","type":"page","link":"https:\/\/vow-to-feel-good.de\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Startseite<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Elementor Container \u00fcberschreiben *\/\r\n body #page {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Arial', 'Helvetica', sans-serif;\r\n color: #2c3e50;\r\n overflow-x: hidden;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \/* Wrapper f\u00fcr vollfl\u00e4chige Darstellung *\/\r\n #fullscreen-wrapper {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n z-index: 9999;\r\n }\r\n\r\n \/* Navigation *\/\r\n nav {\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.98);\r\n box-shadow: 0 2px 20px rgba(0,0,0,0.08);\r\n z-index: 10000;\r\n padding: 1.2rem 0;\r\n }\r\n\r\n .nav-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 3rem;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 3rem;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n text-decoration: none;\r\n color: #2c3e50;\r\n font-weight: 400;\r\n font-size: 1rem;\r\n letter-spacing: 0.5px;\r\n transition: color 0.3s ease;\r\n text-transform: uppercase;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .nav-links a:hover {\r\n color: #7f8c8d;\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n gap: 5px;\r\n }\r\n\r\n .hamburger span {\r\n width: 28px;\r\n height: 2px;\r\n background: #2c3e50;\r\n transition: 0.3s ease;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n height: 100vh;\r\n background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.25)),\r\n url('https:\/\/vow-to-feel-good.de\/wp-content\/uploads\/2025\/12\/ocean-2203720_1280.jpg') center\/cover;\r\n background-attachment: fixed;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n color: white;\r\n padding: 2rem;\r\n }\r\n\r\n .hero-content {\r\n max-width: 800px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 5rem;\r\n font-weight: 300;\r\n margin-bottom: 1.5rem;\r\n letter-spacing: 3px;\r\n text-shadow: 2px 2px 8px rgba(0,0,0,0.3);\r\n }\r\n\r\n .hero .subtitle {\r\n font-size: 2.2rem;\r\n font-weight: 300;\r\n font-style: italic;\r\n letter-spacing: 1px;\r\n text-shadow: 2px 2px 6px rgba(0,0,0,0.3);\r\n opacity: 0.95;\r\n }\r\n\r\n .hero .notice {\r\n margin-top: 3rem;\r\n font-size: 0.95rem;\r\n font-weight: 300;\r\n letter-spacing: 0.5px;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* Content Section *\/\r\n .content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 4rem 3rem;\r\n }\r\n\r\n \/* Image Gallery *\/\r\n .gallery {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 3rem;\r\n }\r\n\r\n .gallery-item {\r\n overflow: hidden;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.15);\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.25);\r\n }\r\n\r\n .gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .gallery-item:nth-child(1) {\r\n grid-column: 1;\r\n height: 300px;\r\n margin-top: 0;\r\n }\r\n\r\n .gallery-item:nth-child(2) {\r\n grid-column: 2;\r\n height: 300px;\r\n margin-top: 40px;\r\n }\r\n\r\n .gallery-item:nth-child(3) {\r\n grid-column: 3;\r\n height: 300px;\r\n margin-top: 20px;\r\n }\r\n\r\n .gallery-item:nth-child(4) {\r\n grid-column: 4;\r\n height: 300px;\r\n margin-top: 60px;\r\n }\r\n\r\n \/* Button Styles *\/\r\n .vow-button-container {\r\n text-align: center;\r\n margin-top: 3rem;\r\n padding-bottom: 2rem;\r\n }\r\n\r\n .vow-button {\r\n display: inline-block;\r\n padding: 1rem 3rem;\r\n background: #2c3e50;\r\n color: white;\r\n text-decoration: none;\r\n font-size: 1.1rem;\r\n font-weight: 400;\r\n letter-spacing: 1px;\r\n border-radius: 50px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.15);\r\n text-transform: uppercase;\r\n }\r\n\r\n .vow-button:hover {\r\n background: #34495e;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.25);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .gallery {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .gallery-item:nth-child(1) {\r\n grid-column: 1;\r\n margin-top: 0;\r\n }\r\n\r\n .gallery-item:nth-child(2) {\r\n grid-column: 2;\r\n margin-top: 40px;\r\n }\r\n\r\n .gallery-item:nth-child(3) {\r\n grid-column: 1;\r\n margin-top: 0;\r\n }\r\n\r\n .gallery-item:nth-child(4) {\r\n grid-column: 2;\r\n margin-top: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .gallery {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .gallery-item {\r\n margin-top: 0 !important;\r\n height: 300px !important;\r\n grid-column: 1 !important;\r\n }\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: #f8f9fa;\r\n color: #7f8c8d;\r\n text-align: center;\r\n padding: 2.5rem 2rem;\r\n border-top: 1px solid #ecf0f1;\r\n }\r\n\r\n footer a {\r\n color: #7f8c8d;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n footer a:hover {\r\n color: #2c3e50;\r\n }\r\n\r\n footer p {\r\n margin: 0.5rem 0;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* Mobile Menu *\/\r\n @media (max-width: 768px) {\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .nav-container {\r\n padding: 0 1.5rem;\r\n justify-content: flex-end;\r\n }\r\n\r\n .nav-links {\r\n position: fixed;\r\n right: -100%;\r\n top: 65px;\r\n flex-direction: column;\r\n background: rgba(255, 255, 255, 0.98);\r\n width: 100%;\r\n text-align: center;\r\n transition: right 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n padding: 2rem 0;\r\n gap: 1.5rem;\r\n }\r\n\r\n .nav-links.active {\r\n right: 0;\r\n }\r\n\r\n .hero {\r\n background-attachment: scroll;\r\n padding: 1rem;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 2.5rem;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .hero .subtitle {\r\n font-size: 1.4rem;\r\n }\r\n\r\n .hero .notice {\r\n font-size: 0.8rem;\r\n margin-top: 2rem;\r\n padding: 0 1rem;\r\n }\r\n\r\n .content {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .gallery {\r\n padding: 0 1rem;\r\n gap: 1.5rem;\r\n }\r\n\r\n footer {\r\n padding: 2rem 1rem;\r\n }\r\n }\r\n\r\n .hamburger.active span:nth-child(1) {\r\n transform: rotate(45deg) translate(6px, 6px);\r\n }\r\n\r\n .hamburger.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .hamburger.active span:nth-child(3) {\r\n transform: rotate(-45deg) translate(6px, -6px);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"fullscreen-wrapper\">\r\n <!-- Navigation -->\r\n <nav>\r\n <div class=\"nav-container\">\r\n<ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"https:\/\/vow-to-feel-good.de\/?page_id=13\">Startseite<\/a><\/li>\r\n <li><a href=\"https:\/\/vow-to-feel-good.de\/?page_id=38\">\u00dcber mich<\/a><\/li>\r\n <li><a href=\"https:\/\/vow-to-feel-good.de\/?page_id=42\">Was ist VOW?<\/a><\/li>\r\n <li><a href=\"https:\/\/vow-to-feel-good.de\/?page_id=46\">Activity<\/a><\/li>\r\n <\/ul>\r\n <div class=\"hamburger\" id=\"hamburger\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\" id=\"startseite\">\r\n <div class=\"hero-content\">\r\n <h1>to feel good<\/h1>\r\n <div class=\"subtitle\">sich wohl f\u00fchlen<\/div>\r\n <div class=\"notice\">Diese Website dient ausschlie\u00dflich zu Informationszwecken<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Content Section -->\r\n <section class=\"content\">\r\n <!-- Image Gallery -->\r\n <div class=\"gallery\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/vow-to-feel-good.de\/wp-content\/uploads\/2025\/12\/mobile-home-513695_1280.jpg\" alt=\"Surfer\">\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/vow-to-feel-good.de\/wp-content\/uploads\/2025\/12\/motorbike-3216183_1280.jpg\" alt=\"Campingwagen\">\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/vow-to-feel-good.de\/wp-content\/uploads\/2025\/12\/sea-6568951_1280.jpg\" alt=\"Frau mit Sonnenhut\">\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/vow-to-feel-good.de\/wp-content\/uploads\/2025\/12\/woman-8570877_1280.jpg\" alt=\"Motorradfahrer\">\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- VOW Button -->\r\n <div class=\"vow-button-container\">\r\n <a href=\"https:\/\/vow-to-feel-good.de\/?page_id=42\" class=\"vow-button\">Was ist VOW?<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer>\r\n <p><a href=\"https:\/\/vow-to-feel-good.de\/?page_id=50\">Impressum<\/a> | <a href=\"https:\/\/vow-to-feel-good.de\/?page_id=52\">Datenschutz<\/a><\/p>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n const hamburger = document.getElementById('hamburger');\r\n const navLinks = document.getElementById('navLinks');\r\n\r\n hamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('active');\r\n navLinks.classList.toggle('active');\r\n });\r\n\r\n \/\/ Close menu when clicking on a link\r\n document.querySelectorAll('.nav-links a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n hamburger.classList.remove('active');\r\n navLinks.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ Close menu when clicking outside\r\n document.addEventListener('click', (e) => {\r\n if (!hamburger.contains(e.target) && !navLinks.contains(e.target)) {\r\n hamburger.classList.remove('active');\r\n navLinks.classList.remove('active');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Startseite Startseite \u00dcber mich Was ist VOW? Activity to feel good sich wohl f\u00fchlen Diese Website dient ausschlie\u00dflich zu Informationszwecken Was ist VOW? Impressum | Datenschutz<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":13,"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}