{"id":597,"date":"2026-05-01T08:45:36","date_gmt":"2026-05-01T07:45:36","guid":{"rendered":"https:\/\/licht-im-nebel.ch\/?page_id=597"},"modified":"2026-05-12T08:24:56","modified_gmt":"2026-05-12T07:24:56","slug":"mein-wirken","status":"publish","type":"page","link":"https:\/\/licht-im-nebel.ch\/?page_id=597","title":{"rendered":"Mein Wirken"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- SEO & Metadaten -->\n    <title>\u00dcber Petra | Licht im Nebel \u2013 Mediale Seelenhaus-Begleitung<\/title>\n    <meta name=\"description\" content=\"Lerne Petra kennen \u2013 deine Begleiterin f\u00fcr mediale Seelenhaus-Prozesse. Klarheit, Ordnung und energetische Ausrichtung f\u00fcr deinen inneren Weg.\">\n    <meta name=\"robots\" content=\"index, follow\">\n    \n    <!-- Open Graph (Social Media) -->\n    <meta property=\"og:title\" content=\"\u00dcber Petra | Licht im Nebel\">\n    <meta property=\"og:description\" content=\"Mediale Seelenhaus-Begleitung f\u00fcr mehr Klarheit und innere Ordnung.\">\n    <meta property=\"og:image\" content=\"https:\/\/licht-im-nebel.ch\/wp-content\/uploads\/2026\/05\/Sintra-2019-9-scaled.jpg\">\n    <meta property=\"og:type\" content=\"website\">\n\n    <!-- Styles & Fonts -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&#038;family=Parisienne&#038;family=Montserrat:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            --lilac-soft: #fdfaff;\n            --lilac-medium: #f3e8ff;\n            --lilac-accent: #a855f7;\n            --deep-violet: #4c1d95;\n            --text-main: #2d1b4d;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background-color: var(--lilac-soft);\n            color: var(--text-main);\n            scroll-behavior: smooth;\n            overflow-x: hidden;\n            line-height: 1.6;\n        }\n\n        h1, h2, h3 {\n            font-family: 'Playfair Display', serif;\n            font-weight: 400;\n        }\n\n        .script-font {\n            font-family: 'Parisienne', cursive;\n            font-size: 1.6em;\n            color: var(--lilac-accent);\n        }\n\n        .desktop-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            width: 100%;\n        }\n\n        .fade-in-section {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n        }\n\n        .fade-in-section.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .floating {\n            animation: floating 6s ease-in-out infinite;\n        }\n\n        @keyframes floating {\n            0%, 100__app_id: { transform: translateY(0px); }\n            50% { transform: translateY(-15px); }\n        }\n\n        .btn-glow {\n            background: linear-gradient(45deg, var(--lilac-accent), var(--deep-violet));\n            color: white !important;\n            padding: 0.75rem 1.5rem;\n            border-radius: 9999px;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(168, 85, 247, 0.15);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            font-weight: 600;\n            font-size: 0.7rem;\n            display: inline-block;\n            text-align: center;\n            text-decoration: none;\n        }\n\n        .btn-glow:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 8px 20px rgba(168, 85, 247, 0.25);\n        }\n\n        .content-card {\n            background: white;\n            padding: 1.5rem;\n            border-radius: 2rem;\n            box-shadow: 0 4px 20px rgba(124, 58, 237, 0.04);\n        }\n        @media (min-width: 768px) {\n            .content-card {\n                padding: 3.5rem;\n                border-radius: 3rem;\n            }\n        }\n\n        .sparkle {\n            position: absolute;\n            width: 4px;\n            height: 4px;\n            background: var(--lilac-accent);\n            border-radius: 50%;\n            pointer-events: none;\n            opacity: 0;\n            z-index: 100;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Hero Section -->\n    <header class=\"min-h-[70vh] flex items-center relative overflow-hidden pt-16 pb-12 md:pt-24 lg:pt-0\">\n        <div class=\"absolute inset-0 -z-10\">\n            <img decoding=\"async\" src=\"https:\/\/licht-im-nebel.ch\/wp-content\/uploads\/2026\/04\/Bibliothek.png\" \n                 alt=\"Bibliothek Hintergrund\" \n                 class=\"w-full h-full object-cover opacity-10\"\n                 loading=\"eager\"\n                 fetchpriority=\"low\">\n            <div class=\"absolute inset-0 bg-gradient-to-b from-purple-50\/90 via-white\/50 to-transparent\"><\/div>\n        <\/div>\n        \n        <div class=\"desktop-container px-6 grid lg:grid-cols-2 gap-10 lg:gap-16 items-center\">\n            <div class=\"fade-in-section text-center lg:text-left order-2 lg:order-1\">\n                <span class=\"script-font text-2xl md:text-3xl block mb-2 text-purple-400\">Begegnung mit mir selbst<\/span>\n                <h1 class=\"text-3xl sm:text-5xl md:text-6xl text-purple-950 mt-1 leading-[1.15] font-light\">\n                    Ich bin Petra \u2013 <br>\n                    <span class=\"italic text-purple-800 font-normal\">Licht im Nebel<\/span>.\n                <\/h1>\n                <p class=\"mt-6 text-base md:text-lg text-gray-700 max-w-lg mx-auto lg:mx-0 font-light leading-relaxed\">\n                    Dort, wo vieles unklar ist, wo sich Wege verlieren und das Innere leise geworden ist, beginne ich meine Arbeit. Ich begleite jene, die mutig genug sind, die Fassaden ihres Seelenhauses zu verlassen.\n                <\/p>\n                <div class=\"mt-8 flex items-center justify-center lg:justify-start space-x-4\">\n                    <div class=\"h-[1px] w-8 md:w-12 bg-purple-300\"><\/div>\n                    <span class=\"text-[9px] uppercase tracking-widest font-bold text-purple-400\">Wegbegleiterin in die Klarheit<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"flex justify-center lg:justify-end floating order-1 lg:order-2\">\n                <div class=\"w-full max-w-[240px] sm:max-w-[320px] lg:max-w-[400px] aspect-square overflow-hidden shadow-2xl border-[8px] md:border-[12px] border-white rounded-full\">\n                    <img decoding=\"async\" src=\"https:\/\/licht-im-nebel.ch\/wp-content\/uploads\/2026\/05\/Sintra-2019-9-scaled.jpg\" \n                         alt=\"Petra Portr\u00e4t\" \n                         class=\"w-full h-full object-cover\"\n                         fetchpriority=\"high\"\n                         loading=\"eager\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <main>\n        <!-- Mein Wirken -->\n        <section class=\"py-12 md:py-24 bg-white\">\n            <div class=\"desktop-container px-6\">\n                <div class=\"grid lg:grid-cols-12 gap-8 lg:gap-12 items-start\">\n                    <div class=\"lg:col-span-8 fade-in-section\">\n                        <article class=\"content-card\">\n                            <h2 class=\"text-2xl md:text-4xl text-purple-950 mb-6 md:mb-10 italic\">Mein Weg &#038; mein Wirken<\/h2>\n                            <div class=\"space-y-6 md:space-y-8 text-base md:text-lg text-gray-700 font-light leading-relaxed\">\n                                <p>\n                                    Es gab eine Zeit, in der auch ich im Nebel stand. Ich kenne das Gef\u00fchl, wenn die innere Stimme leise wird und die Strukturen des Lebens an Bedeutung verlieren. Aus dieser Erfahrung heraus ist mein Wirken entstanden. \n                                <\/p>\n                                <p>\n                                    Heute arbeite ich als <strong>mediale Seelenhaus-Begleiterin<\/strong>. Ich gehe in dein Seelenhaus \u2013 still, pr\u00e4zise und ohne Umwege. Ich erkenne, was sich zeigt, und auch das, was lange verborgen blieb: deine Gaben und deine Kraft.\n                                <\/p>\n                                <p>\n                                    Meine Arbeit ist die Frucht einer tiefen Auseinandersetzung mit der menschlichen Seele. Ich bin eine Frau der klaren Worte. Ich sch\u00e4tze die Stille ebenso wie die Pr\u00e4zision. In meinen Sitzungen gehen wir dorthin, wo die Wahrheit wartet.\n                                <\/p>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n                    <aside class=\"lg:col-span-4 space-y-6 fade-in-section\">\n                        <div class=\"bg-purple-50 p-8 md:p-10 rounded-[2rem] border-t-4 border-purple-300\">\n                            <h3 class=\"text-purple-900 font-bold tracking-widest text-[10px] uppercase block mb-6\">Werte &#038; Fokus<\/h3>\n                            <ul class=\"space-y-4 text-gray-700 font-light italic text-sm md:text-base\">\n                                <li class=\"flex items-start\">\n                                    <span class=\"text-purple-400 mr-3\">\u2726<\/span> Absolute Ehrlichkeit\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <span class=\"text-purple-400 mr-3\">\u2726<\/span> Energetische Klarheit\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <span class=\"text-purple-400 mr-3\">\u2726<\/span> Wertsch\u00e4tzende Stille\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <span class=\"text-purple-400 mr-3\">\u2726<\/span> Grundlegende Ordnung\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/aside>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Vision -->\n        <section id=\"vision\" class=\"py-16 md:py-32 bg-purple-900 text-white relative overflow-hidden\">\n            <div class=\"absolute top-0 right-0 w-1\/3 h-full opacity-10 pointer-events-none hidden md:block\">\n                <img decoding=\"async\" src=\"https:\/\/licht-im-nebel.ch\/wp-content\/uploads\/2026\/04\/Kristalraum.png\" alt=\"Energie Grafik\" class=\"w-full h-full object-cover\">\n            <\/div>\n            <div class=\"desktop-container px-6 relative z-10\">\n                <div class=\"max-w-4xl fade-in-section\">\n                    <span class=\"script-font text-2xl md:text-3xl text-purple-200 mb-4 block\">Zwei Ans\u00e4tze. Ein gemeinsamer Fokus.<\/span>\n                    <h2 class=\"text-3xl md:text-6xl mb-8 md:mb-12 font-light leading-tight\">Wir verbinden Erkenntnis mit <br class=\"hidden md:block\"><span class=\"italic text-purple-300\">energetischer Ausrichtung<\/span>.<\/h2>\n                    \n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 text-base md:text-xl font-light opacity-90 leading-relaxed mb-12 md:mb-16\">\n                        <p>\n                            An meiner Seite wirkt <strong>Wesentlich Leben<\/strong> \u2013 auf einer anderen Ebene, aber mit derselben Klarheit im Ziel. W\u00e4hrend ich die Strukturen im Seelenhaus sichtbar mache, arbeitet sie in der Energie deines Systems.\n                        <\/p>\n                        <p>\n                            Sie bringt in Bewegung, was festgehalten wurde. Sie reguliert, was aus der Ordnung gefallen ist. Denn nur zu sehen reicht nicht \u2013 es muss sich auch etwas verschieben. Gemeinsam schafften wir diesen Raum.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"bg-white\/5 border border-white\/10 p-6 md:p-8 rounded-2xl md:rounded-3xl backdrop-blur-sm\">\n                        <blockquote class=\"text-lg md:text-2xl italic font-light text-purple-100\">\n                            &#8222;Einen Raum, in dem dein inneres System wieder in Balance kommt \u2013 nicht oberfl\u00e4chlich, sondern von Grund auf.&#8220;\n                        <\/blockquote>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- CTA -->\n        <section class=\"py-16 md:py-24 bg-purple-50\/50\">\n            <div class=\"max-w-3xl mx-auto text-center px-6 fade-in-section\">\n                <h2 class=\"text-2xl md:text-5xl text-purple-950 mb-6 md:mb-8 font-light italic\">Bereit f\u00fcr die Klarheit?<\/h2>\n                <p class=\"text-base md:text-xl text-gray-600 font-light mb-10 md:mb-12 leading-relaxed\">\n                    Diese Arbeit ist klar, direkt und wirksam. Sie ist f\u00fcr Menschen, die nicht l\u00e4nger im Nebel stehen wollen, sondern bereit sind, wieder klar zu sehen \u2013 und ihren eigenen Weg bewusst zu gehen.\n                <\/p>\n                <a href=\"\/#kontakt\" class=\"btn-glow text-[10px] py-4 px-10\">Ein Erstgespr\u00e4ch vereinbaren<\/a>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"py-12 bg-white text-center px-6 border-t border-purple-50\">\n        <div class=\"text-2xl font-bold tracking-tighter text-purple-950 mb-1\">PETRA<\/div>\n        <p class=\"script-font text-xl text-purple-400 mb-8\">Licht im Nebel<\/p>\n        <nav class=\"flex justify-center space-x-6 opacity-40 text-[9px] uppercase tracking-widest font-bold\">\n            <a href=\"\/\" class=\"hover:text-purple-900 transition-colors\">Home<\/a>\n            <a href=\"#\" class=\"hover:text-purple-900 transition-colors\">Impressum<\/a>\n            <a href=\"#\" class=\"hover:text-purple-900 transition-colors\">Datenschutz<\/a>\n        <\/nav>\n        <div class=\"mt-8 text-[8px] opacity-20 uppercase tracking-widest font-bold\">&copy; 2026 Petra &#8211; Licht im Nebel<\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Animation Observer\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) entry.target.classList.add('visible');\n            });\n        }, { threshold: 0.1 });\n\n        document.querySelectorAll('.fade-in-section').forEach(section => observer.observe(section));\n\n        \/\/ Sparkle Effekt f\u00fcr Desktop\n        if (window.innerWidth > 1024) {\n            document.addEventListener('mousemove', (e) => {\n                if (Math.random() > 0.98) {\n                    const s = document.createElement('div');\n                    s.className = 'sparkle';\n                    s.style.left = e.clientX + 'px';\n                    s.style.top = e.clientY + 'px';\n                    document.body.appendChild(s);\n                    s.animate([{ opacity: 0.2 }, { opacity: 0 }], 600);\n                    setTimeout(() => s.remove(), 600);\n                }\n            });\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u00dcber Petra | Licht im Nebel \u2013 Mediale Seelenhaus-Begleitung Begegnung mit mir selbst Ich bin Petra \u2013 Licht im Nebel. Dort, wo vieles unklar ist, wo sich Wege verlieren und das Innere leise geworden ist, beginne ich meine Arbeit. Ich begleite jene, die mutig genug sind, die Fassaden ihres Seelenhauses zu verlassen. Wegbegleiterin in die [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-597","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/licht-im-nebel.ch\/index.php?rest_route=\/wp\/v2\/pages\/597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/licht-im-nebel.ch\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/licht-im-nebel.ch\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/licht-im-nebel.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/licht-im-nebel.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=597"}],"version-history":[{"count":8,"href":"https:\/\/licht-im-nebel.ch\/index.php?rest_route=\/wp\/v2\/pages\/597\/revisions"}],"predecessor-version":[{"id":638,"href":"https:\/\/licht-im-nebel.ch\/index.php?rest_route=\/wp\/v2\/pages\/597\/revisions\/638"}],"wp:attachment":[{"href":"https:\/\/licht-im-nebel.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}