{"id":38,"date":"2025-12-03T16:14:09","date_gmt":"2025-12-03T16:14:09","guid":{"rendered":"https:\/\/vow-to-feel-good.de\/?page_id=38"},"modified":"2025-12-03T16:22:44","modified_gmt":"2025-12-03T16:22:44","slug":"ueber-mich","status":"publish","type":"page","link":"https:\/\/vow-to-feel-good.de\/?page_id=38","title":{"rendered":"Ueber-mich"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9fc6e4 e-flex e-con-boxed e-con e-parent\" data-id=\"f9fc6e4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4252f92 elementor-widget elementor-widget-html\" data-id=\"4252f92\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u00dcber mich<\/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            display: flex;\r\n            flex-direction: column;\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        \/* Content spacer *\/\r\n        .content {\r\n            flex: 1;\r\n            margin-top: 70px;\r\n            max-width: 1400px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            padding: 4rem 3rem;\r\n            width: 100%;\r\n        }\r\n\r\n        .intro-section {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            padding: 2rem 0;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .intro-text {\r\n            font-size: 2rem;\r\n            line-height: 1.6;\r\n            color: #2c3e50;\r\n        }\r\n\r\n        .intro-text .highlight {\r\n            background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);\r\n            padding: 0.2rem 0.5rem;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .intro-image {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .intro-image img {\r\n            width: 100%;\r\n            max-width: 400px;\r\n            height: auto;\r\n            border-radius: 8px;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        \/* Biography Section *\/\r\n        .bio-section {\r\n            line-height: 1.8;\r\n            font-size: 1.1rem;\r\n            color: #2c3e50;\r\n            max-width: 800px;\r\n        }\r\n\r\n        .bio-section p {\r\n            margin: 0.8rem 0;\r\n            text-align: left;\r\n        }\r\n\r\n        .bio-section .bio-category {\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n            margin-top: 1.5rem;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .bio-section .bio-highlight {\r\n            background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);\r\n            padding: 0.2rem 0.5rem;\r\n            border-radius: 4px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Biography Image Section *\/\r\n        .bio-image-section {\r\n            margin-top: 3rem;\r\n            padding-top: 3rem;\r\n            border-top: 2px solid #ecf0f1;\r\n        }\r\n\r\n        .bio-image {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-top: 1.5rem;\r\n        }\r\n\r\n        .bio-image img {\r\n            width: 100%;\r\n            max-width: 600px;\r\n            height: auto;\r\n            border-radius: 8px;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.15);\r\n            object-fit: cover;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .intro-section {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n\r\n            .intro-text {\r\n                font-size: 1.5rem;\r\n                text-align: center;\r\n            }\r\n\r\n            .intro-image img {\r\n                max-width: 300px;\r\n            }\r\n\r\n            .bio-section {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .bio-image img {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .content {\r\n                padding: 2rem 1.5rem;\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            margin-top: auto;\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            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        <!-- Content -->\r\n        <div class=\"content\">\r\n            <div class=\"intro-section\">\r\n                <div class=\"intro-text\">\r\n                    Wer bin ich...<br>\r\n                    Ich bin Jan-Pierre...<br>\r\n                    ein <span class=\"highlight\">mEhRwerTGeBeR VOW!<\/span>\r\n                <\/div>\r\n                <div class=\"intro-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/vow-to-feel-good.de\/wp-content\/uploads\/2025\/12\/avatar.png\" alt=\"Jan\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Biography Section -->\r\n            <div class=\"bio-section\">\r\n                <p>Geboren in <span class=\"bio-highlight\">Berlin-Charlottenburg<\/span>.<\/p>\r\n                <p>2 Schwestern, 2 Br\u00fcder.<br>\r\n                Aufgewachsen in einem Unternehmerhaushalt in Norddeutschland (gute Zeiten \/ schlechte Zeiten).<\/p>\r\n                \r\n                <p class=\"bio-category\">Kindheit & Jugend:<\/p>\r\n                <p>Schule, Mofa, Freundin, Sport.<\/p>\r\n                \r\n                <p class=\"bio-category\">Junge Erwachsenenzeit:<\/p>\r\n                <p>Auto, Freundin, Job, Sport.<\/p>\r\n                \r\n                <p class=\"bio-category\">Weiterer Lebensverlauf:<\/p>\r\n                <p>Job, Arbeit, Freundin weg, Sport, keine Zeit, Arbeit, Arbeit, Arbeit.<\/p>\r\n                \r\n                <p style=\"margin-top: 1.5rem; font-size: 1.2rem; font-weight: 500;\">Und jetzt: <span class=\"bio-highlight\">61\u00bd<\/span>.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Biography Image -->\r\n            <div class=\"bio-image-section\">\r\n                <div class=\"bio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/vow-to-feel-good.de\/wp-content\/uploads\/2025\/12\/dog-7390298_1280.jpg\" alt=\"Bild\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\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>\u00dcber mich Startseite \u00dcber mich Was ist VOW? Activity Wer bin ich&#8230; Ich bin Jan-Pierre&#8230; ein mEhRwerTGeBeR VOW! Geboren in Berlin-Charlottenburg. 2 Schwestern, 2 Br\u00fcder. Aufgewachsen in einem Unternehmerhaushalt in Norddeutschland (gute Zeiten \/ schlechte Zeiten). Kindheit &#038; Jugend: Schule, Mofa, Freundin, Sport. Junge Erwachsenenzeit: Auto, Freundin, Job, Sport. Weiterer Lebensverlauf: Job, Arbeit, Freundin weg, [&hellip;]<\/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-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=\/wp\/v2\/pages\/38","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=38"}],"version-history":[{"count":11,"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/vow-to-feel-good.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}