{"id":87,"date":"2026-01-18T15:59:36","date_gmt":"2026-01-18T14:59:36","guid":{"rendered":"https:\/\/www.xn--lrezepte-m4a.de\/?page_id=87"},"modified":"2026-01-18T16:31:16","modified_gmt":"2026-01-18T15:31:16","slug":"oelrezepte","status":"publish","type":"page","link":"https:\/\/www.xn--lrezepte-m4a.de\/","title":{"rendered":"\u00d6lrezepte"},"content":{"rendered":"\n        <style>\n            \/* WordPress-Theme komplett ausblenden + volle Breite erzwingen *\/\n            body.page .site-header,\n            body.page .site-footer,\n            body.page header:not(.relative),\n            body.page footer:not(.bg-slate-900),\n            body.page #wpadminbar,\n            body.page .site-main,\n            body.page .content-area,\n            body.page .widget-area,\n            body.page .sidebar,\n            body.page .page-header,\n            body.page .page-title,\n            body.page .entry-title,\n            body.page .wp-block-post-title,\n            body.page .wp-block-post-featured-image {\n                display: none !important;\n            }\n\n            body.page,\n            html {\n                margin: 0 !important;\n                padding: 0 !important;\n                width: 100vw !important;\n                max-width: 100vw !important;\n                overflow-x: hidden !important;\n            }\n\n            body.page .site,\n            body.page .site-content,\n            body.page .hentry,\n            body.page .entry-content,\n            body.page #primary,\n            body.page #main,\n            body.page .wrap,\n            body.page .container,\n            body.page .alignwide,\n            body.page .alignfull,\n            body.page article,\n            body.page .post,\n            body.page .type-page {\n                width: 100vw !important;\n                max-width: 100vw !important;\n                margin: 0 !important;\n                padding: 0 !important;\n                margin-left: calc(-50vw + 50%) !important;\n                margin-right: calc(-50vw + 50%) !important;\n            }\n\n            body.page .wp-block-group,\n            body.page .wp-block-columns,\n            body.page .wp-block-column {\n                width: 100vw !important;\n                max-width: 100vw !important;\n                margin: 0 !important;\n                padding: 0 !important;\n            }\n\n            \/* Landing page wrapper volle Breite *\/\n            body.page header.relative,\n            body.page section,\n            body.page footer.bg-slate-900 {\n                width: 100vw !important;\n                max-width: 100vw !important;\n                margin-left: calc(-50vw + 50%) !important;\n                position: relative !important;\n            }\n        <\/style>\n        \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n    <!-- Google Fonts: Plus Jakarta Sans (Premium) -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\"\n        rel=\"stylesheet\">\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Plus Jakarta Sans', 'sans-serif'],\n                    },\n                    colors: {\n                        purple: {\n                            50: '#faf5ff',\n                            100: '#f3e8ff',\n                            200: '#e9d5ff',\n                            300: '#d8b4fe',\n                            400: '#c084fc',\n                            500: '#a855f7',\n                            600: '#9333ea',\n                            700: '#7e22ce',\n                            800: '#6b21a8',\n                            900: '#581c87',\n                        },\n                        pink: {\n                            50: '#fdf2f8',\n                            100: '#fce7f3',\n                            200: '#fbcfe8',\n                            300: '#f9a8d4',\n                            400: '#f472b6',\n                            500: '#ec4899',\n                            600: '#db2777',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        body {\n            background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);\n            color: #1e293b;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n                    \/* WordPress-Theme komplett ausblenden + volle Breite erzwingen *\/\n            .site-header,\n            .site-footer,\n            header:not(.relative),\n            footer:not(.bg-slate-900),\n            #wpadminbar,\n            .site-main,\n            .content-area,\n            .page-header,\n            .entry-title {\n                display: none !important;\n            }\n\n            body,\n            html {\n                overflow-x: hidden !important;\n                width: 100% !important;\n                max-width: 100% !important;\n                margin: 0 !important;\n                padding: 0 !important;\n            }\n\n            .site,\n            .site-content,\n            .hentry,\n            .entry-content,\n            #primary,\n            #main,\n            .wrap,\n            .container {\n                width: 100% !important;\n                max-width: 100% !important;\n                margin: 0 !important;\n                padding: 0 !important;\n            }\n\n        \n        .text-gradient {\n            background: linear-gradient(135deg, #9333ea 0%, #c084fc 100%);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .glass-card {\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n        }\n\n        .premium-shadow {\n            box-shadow: 0 20px 60px -15px rgba(147, 51, 234, 0.3);\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(40px);\n            }\n\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .fade-in-up {\n            animation: fadeInUp 1s ease-out;\n        }\n\n        @keyframes float {\n\n            0%,\n            100% {\n                transform: translateY(0);\n            }\n\n            50% {\n                transform: translateY(-15px);\n            }\n        }\n\n        .float {\n            animation: float 4s ease-in-out infinite;\n        }\n\n        .btn-premium {\n            background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);\n            box-shadow: 0 10px 30px -5px rgba(147, 51, 234, 0.4);\n            transition: all 0.3s ease;\n        }\n\n        .btn-premium:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 40px -5px rgba(147, 51, 234, 0.5);\n        }\n    <\/style>\n    \n\n\n\n    <!-- HERO: DAS HAUPTPROBLEM -->\n    <header class=\"relative px-6 pt-16 pb-24 md:pt-24 md:pb-40 overflow-hidden\">\n        <!-- Premium Background Elements -->\n        <div\n            class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-purple-300 rounded-full blur-[120px] opacity-40 -z-10\">\n        <\/div>\n        <div\n            class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-pink-300 rounded-full blur-[100px] opacity-30 -z-10\">\n        <\/div>\n\n        <div class=\"text-center max-w-6xl mx-auto fade-in-up\">\n            <!-- Premium Badge -->\n            <div\n                class=\"inline-flex items-center gap-2 glass-card px-6 py-3 rounded-full text-sm font-semibold mb-10 premium-shadow\">\n                <i data-lucide=\"droplet\" class=\"w-4 h-4 text-purple-600\"><\/i>\n                <span class=\"text-gradient\">F\u00dcR MAMAS MIT 15+ \u00d6LEN<\/span>\n            <\/div>\n\n            <!-- Main Headline -->\n            <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-bold leading-[1.1] text-slate-900 mb-10 tracking-tight\">\n                Du hast 47 Rezepte in WhatsApp gespeichert.<br>\n                <span class=\"text-gradient\">Aber welches davon war nochmal gegen Erk\u00e4ltung?<\/span>\n            <\/h1>\n\n            <!-- Problem Description -->\n            <div class=\"max-w-4xl mx-auto mb-14\">\n                <p class=\"text-xl md:text-2xl text-slate-600 font-medium leading-relaxed mb-10\">\n                    Du hast Screenshots aus Instagram und WhatsApp, Links aus Telegram-Gruppen und Notizen von der\n                    Hebamme.<br>\n                    <strong class=\"text-purple-700\">Und wenn du das Rezept brauchst, findest du es einfach\n                        nicht.<\/strong>\n                <\/p>\n\n                <!-- Pain Points Grid -->\n                <div class=\"grid md:grid-cols-3 gap-5 text-left mb-14\">\n                    <div class=\"glass-card border-l-4 border-red-400 p-6 rounded-2xl premium-shadow\">\n                        <p class=\"text-slate-800 font-semibold\"><span class=\"text-red-500\">\u274c<\/span> Das Rezept ist\n                            irgendwo in 200 WhatsApp-Nachrichten verloren gegangen<\/p>\n                    <\/div>\n                    <div class=\"glass-card border-l-4 border-red-400 p-6 rounded-2xl premium-shadow\">\n                        <p class=\"text-slate-800 font-semibold\"><span class=\"text-red-500\">\u274c<\/span> Ein \u00d6l fehlt \u2013\n                            was\n                            nun?<\/p>\n                    <\/div>\n                    <div class=\"glass-card border-l-4 border-red-400 p-6 rounded-2xl premium-shadow\">\n                        <p class=\"text-slate-800 font-semibold\"><span class=\"text-red-500\">\u274c<\/span> Keine Info: Ist\n                            das\n                            auch f\u00fcr Schwangere geeignet?<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Solution Intro -->\n            <div class=\"glass-card rounded-[32px] p-10 md:p-16 mb-14 premium-shadow max-w-5xl mx-auto\">\n                <h2 class=\"text-4xl md:text-5xl font-bold text-slate-900 mb-6\">\n                    Hier ist die L\u00f6sung f\u00fcr dich. \ud83d\udc9a\n                <\/h2>\n                <p class=\"text-2xl text-slate-700 mb-10 leading-relaxed\">\n                    Mit der <strong class=\"text-gradient\">\u00d6lrezepte-App<\/strong> kannst du deine Rezepte ganz\n                    einfach\n                    <strong>organisieren, filtern und durchsuchen.<\/strong> Sie sortiert alles automatisch nach\n                    Schwangerschaft, Stillzeit und dem Alter deines Kindes.\n                <\/p>\n\n                <!-- App Download Buttons -->\n                <div class=\"flex flex-col sm:flex-row justify-center gap-5 mb-8\">\n                    <a href=\"https:\/\/apps.apple.com\/de\/app\/\u00f6lrezepte-sicher-f\u00fcr-dein-kind\/id6756058129\"\n                        class=\"inline-flex items-center justify-center gap-4 bg-black hover:bg-gray-900 text-white px-10 py-5 rounded-2xl font-bold text-lg transition-all transform hover:scale-105 shadow-2xl\">\n                        <svg class=\"w-9 h-9\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                            <path\n                                d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" \/>\n                        <\/svg>\n                        <div class=\"text-left\">\n                            <div class=\"text-xs opacity-80\">Downloaden im<\/div>\n                            <div class=\"font-bold text-xl\">App Store<\/div>\n                        <\/div>\n                    <\/a>\n\n                    <button id=\"android-waitlist-trigger\"\n                        class=\"inline-flex items-center justify-center gap-4 bg-purple-100 hover:bg-purple-200 text-purple-700 px-10 py-5 rounded-2xl font-bold text-lg transition-all transform hover:scale-105 shadow-md border-2 border-purple-200 relative group\">\n                        <svg class=\"w-9 h-9\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                            <path\n                                d=\"M3 20.5v-17c0-.59.34-1.11.84-1.35L13.69 12l-9.85 9.85c-.5-.24-.84-.76-.84-1.35zm10.84-.85l2.64-2.64 3.77 2.13c.66.37.66 1.25 0 1.62l-3.77 2.13-2.64-2.64-.01-.6zm4.16-9.8L4.16 1.71C3.5 1.34 2.66 1.88 2.66 2.65v.83L13.81 14.6l4.2-2.38-2.01-1.13zm-2.68-1.26L4.16 1.71l9.07 5.13 2.68 1.51-2.68 1.51z\" \/>\n                        <\/svg>\n                        <div class=\"text-left\">\n                            <div class=\"text-xs\">Informieren lassen f\u00fcr<\/div>\n                            <div class=\"font-bold text-xl\">Google Play<\/div>\n                        <\/div>\n                        <div\n                            class=\"absolute -top-2 -right-2 bg-purple-600 text-white text-xs font-bold px-3 py-1 rounded-full group-hover:bg-purple-700\">\n                            Warteliste\n                        <\/div>\n                    <\/button>\n                <\/div>\n\n                <div class=\"flex items-center justify-center gap-2 text-sm text-slate-500\">\n                    <i data-lucide=\"lock\" class=\"w-4 h-4\"><\/i>\n                    <span>Teste die App 7 Tage kostenlos und k\u00fcndige jederzeit.<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- DAS CHAOS VISUALISIERT -->\n    <section class=\"py-24 bg-white\/50 backdrop-blur-sm\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"text-center mb-20\">\n                <h2 class=\"text-5xl md:text-6xl font-bold text-slate-900 mb-6\">\n                    Kennst du <span class=\"text-gradient\">das auch?<\/span>\n                <\/h2>\n                <p class=\"text-2xl text-slate-600 max-w-3xl mx-auto font-medium\">\n                    Du bist nicht allein \u2013 viele Mamas kennen dieses Problem.\n                <\/p>\n            <\/div>\n\n            <!-- Chaos Cards -->\n            <div class=\"grid md:grid-cols-2 gap-8 mb-20\">\n                <!-- WhatsApp Chaos -->\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-[1.02] transition-transform duration-300\">\n                    <div class=\"flex items-start gap-5 mb-6\">\n                        <div\n                            class=\"w-16 h-16 bg-gradient-to-br from-green-400 to-green-500 rounded-3xl flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"message-circle\" class=\"w-8 h-8 text-white\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-3xl font-bold text-slate-900 mb-2\">Das WhatsApp-Chaos<\/h3>\n                            <p class=\"text-slate-600 italic text-lg\">\"Schau mal, das Rezept ist mega! \ud83d\ude0d\"<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-slate-50 rounded-3xl p-8 border border-slate-100\">\n                        <p class=\"text-slate-700 mb-5 text-lg leading-relaxed\">\n                            <strong>Drei Wochen sp\u00e4ter:<\/strong> \"Wo war nochmal das Erk\u00e4ltungsrezept aus der\n                            Mama-Gruppe? Irgendwo bei Nachricht 874...\"\n                        <\/p>\n                        <div class=\"flex items-center gap-3 text-red-600 font-bold text-lg\">\n                            <i data-lucide=\"x-circle\" class=\"w-6 h-6\"><\/i>\n                            <span>Du suchst 45 Minuten \u2013 und findest das Rezept trotzdem nicht.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Instagram Chaos -->\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-[1.02] transition-transform duration-300\">\n                    <div class=\"flex items-start gap-5 mb-6\">\n                        <div\n                            class=\"w-16 h-16 bg-gradient-to-br from-pink-400 to-rose-500 rounded-3xl flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"instagram\" class=\"w-8 h-8 text-white\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-3xl font-bold text-slate-900 mb-2\">Der Screenshot-Friedhof<\/h3>\n                            <p class=\"text-slate-600 italic text-lg\">\"Speichern f\u00fcr sp\u00e4ter...\"<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-slate-50 rounded-3xl p-8 border border-slate-100\">\n                        <p class=\"text-slate-700 mb-5 text-lg leading-relaxed\">\n                            <strong>Du hast 127 Instagram-Posts gespeichert.<\/strong> Welcher war nochmal das mit\n                            Lavendel? Und war das \u00fcberhaupt f\u00fcr Babys geeignet?\n                        <\/p>\n                        <div class=\"flex items-center gap-3 text-red-600 font-bold text-lg\">\n                            <i data-lucide=\"x-circle\" class=\"w-6 h-6\"><\/i>\n                            <span>Keine Filter. Keine Hinweise zur Sicherheit.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Telegram Chaos -->\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-[1.02] transition-transform duration-300\">\n                    <div class=\"flex items-start gap-5 mb-6\">\n                        <div\n                            class=\"w-16 h-16 bg-gradient-to-br from-blue-400 to-blue-500 rounded-3xl flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"send\" class=\"w-8 h-8 text-white\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-3xl font-bold text-slate-900 mb-2\">Die Telegram-Gruppe<\/h3>\n                            <p class=\"text-slate-600 italic text-lg\">\"Probier mal dieses \u00d6l!\"<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-slate-50 rounded-3xl p-8 border border-slate-100\">\n                        <p class=\"text-slate-700 mb-5 text-lg leading-relaxed\">\n                            <strong>Link gespeichert.<\/strong> Sp\u00e4ter: \"Welche Gruppe war das nochmal? Und welcher\n                            Link?\"\n                        <\/p>\n                        <div class=\"flex items-center gap-3 text-red-600 font-bold text-lg\">\n                            <i data-lucide=\"x-circle\" class=\"w-6 h-6\"><\/i>\n                            <span>Der Link funktioniert nicht mehr. Das Rezept ist weg.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Unsicherheit -->\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-[1.02] transition-transform duration-300\">\n                    <div class=\"flex items-start gap-5 mb-6\">\n                        <div\n                            class=\"w-16 h-16 bg-gradient-to-br from-amber-400 to-orange-500 rounded-3xl flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"alert-triangle\" class=\"w-8 h-8 text-white\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-3xl font-bold text-slate-900 mb-2\">Unsicherheit<\/h3>\n                            <p class=\"text-slate-600 italic text-lg\">\"Aber darf ich das in der Stillzeit?\"<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-slate-50 rounded-3xl p-8 border border-slate-100\">\n                        <p class=\"text-slate-700 mb-5 text-lg leading-relaxed\">\n                            <strong>Kein Rezept verr\u00e4t dir:<\/strong> F\u00fcr welches Alter ist es geeignet? Ist es in\n                            der\n                            Schwangerschaft erlaubt? Wie viele Tropfen darf ich nehmen?\n                        <\/p>\n                        <div class=\"flex items-center gap-3 text-red-600 font-bold text-lg\">\n                            <i data-lucide=\"x-circle\" class=\"w-6 h-6\"><\/i>\n                            <span>Du bist unsicher und traust dich nicht, es anzuwenden.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- The Result -->\n            <div class=\"text-center glass-card rounded-[32px] p-12 md:p-16 premium-shadow border-2 border-red-200\">\n                <h3 class=\"text-4xl font-bold text-slate-900 mb-6\">\n                    Und das Ergebnis?\n                <\/h3>\n                <p class=\"text-2xl text-slate-700 max-w-4xl mx-auto mb-8 leading-relaxed\">\n                    Du gibst auf. Googelst wieder. Findest widerspr\u00fcchliche Infos. Bleibst unsicher.<br>\n                    <strong class=\"text-red-600\">Am Ende stehen deine teuren \u00d6le ungenutzt im Schrank.<\/strong>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- DIE L\u00d6SUNG -->\n    <section class=\"py-24 relative overflow-hidden\">\n        <div class=\"absolute inset-0 bg-gradient-to-br from-purple-50 via-pink-50 to-purple-50 -z-10\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"text-center mb-20\">\n                <h2 class=\"text-5xl md:text-6xl font-bold text-slate-900 mb-6\">\n                    DIE L\u00d6SUNG\n                <\/h2>\n                <p class=\"text-3xl text-slate-800 font-bold max-w-3xl mx-auto mb-4\">\n                    So funktioniert das mit den \u00d6lrezepten\n                <\/p>\n                <p class=\"text-2xl text-slate-600 max-w-3xl mx-auto\">\n                    Jetzt hast du endlich Ordnung, Sicherheit und nutzt deine \u00d6le richtig.\n                <\/p>\n            <\/div>\n\n            <!-- Solution Cards -->\n            <div class=\"grid md:grid-cols-3 gap-8 mb-16\">\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-105 transition-transform duration-300\">\n                    <div\n                        class=\"w-20 h-20 bg-gradient-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center mb-8 mx-auto float\">\n                        <i data-lucide=\"search\" class=\"w-10 h-10 text-white\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900 mb-4 text-center\">Du findest alles in wenigen\n                        Sekunden\n                    <\/h3>\n                    <p class=\"text-slate-600 text-lg text-center leading-relaxed mb-4\">\n                        Gib zum Beispiel \"Erk\u00e4ltung\" ein und du bekommst sofort drei passende Rezepte.\n                    <\/p>\n                    <p class=\"text-slate-700 font-medium text-center\">\n                        Du musst nicht mehr scrollen oder lange suchen.\n                    <\/p>\n                <\/div>\n\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-105 transition-transform duration-300\">\n                    <div class=\"w-20 h-20 bg-gradient-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center mb-8 mx-auto float\"\n                        style=\"animation-delay: 0.2s;\">\n                        <i data-lucide=\"filter\" class=\"w-10 h-10 text-white\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900 mb-4 text-center\">Die Rezepte werden automatisch\n                        f\u00fcr\n                        dich gefiltert<\/h3>\n                    <p class=\"text-slate-600 text-lg text-center leading-relaxed mb-4\">\n                        Du siehst nur Rezepte, die zu deiner Situation passen. Bist du schwanger, stillst du oder\n                        suchst\n                        du etwas f\u00fcr dein Kind (0\u201315)?\n                    <\/p>\n                    <p class=\"text-slate-700 font-medium text-center\">\n                        Die Sicherheits-Ampel ist immer dabei.\n                    <\/p>\n                <\/div>\n\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-105 transition-transform duration-300\">\n                    <div class=\"w-20 h-20 bg-gradient-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center mb-8 mx-auto float\"\n                        style=\"animation-delay: 0.4s;\">\n                        <i data-lucide=\"check-circle\" class=\"w-10 h-10 text-white\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-slate-900 mb-4 text-center\">Nutze deine \u00d6le<\/h3>\n                    <p class=\"text-slate-600 text-lg text-center leading-relaxed mb-4\">\n                        Gib ein, welche \u00d6le du zuhause hast, und die App zeigt dir nur Rezepte, die du direkt\n                        ausprobieren kannst.\n                    <\/p>\n                    <p class=\"text-slate-700 font-medium text-center\">\n                        Du brauchst kein \u00d6l mehr zu vermissen.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Final Benefit -->\n            <div\n                class=\"glass-card rounded-[32px] p-12 md:p-16 premium-shadow border-2 border-purple-200 max-w-5xl mx-auto text-center\">\n                <h3 class=\"text-4xl font-bold text-slate-900 mb-6\">\n                    Und das Beste daran?\n                <\/h3>\n                <p class=\"text-2xl text-slate-700 leading-relaxed mb-4\">\n                    Du findest das passende Rezept in nur wenigen Sekunden.\n                <\/p>\n                <p class=\"text-2xl text-slate-700 leading-relaxed mb-4\">\n                    Mit klaren Dosierungen, passend zu deiner Situation und ganz ohne Unsicherheit.\n                <\/p>\n                <p class=\"text-2xl font-bold text-gradient\">\n                    So nutzt du deine \u00d6le endlich richtig.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SOCIAL PROOF -->\n    <section class=\"py-24 bg-white\/50\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"text-center mb-20\">\n                <h2 class=\"text-5xl md:text-6xl font-bold text-slate-900 mb-6\">\n                    Das sagen andere Mamas\n                <\/h2>\n                <div class=\"h-2 w-32 bg-gradient-to-r from-purple-500 to-pink-500 mx-auto rounded-full\"><\/div>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-3 gap-8\">\n                <!-- Testimonial 1 -->\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-105 transition-transform duration-300\">\n                    <div class=\"flex items-center gap-1 mb-6 text-amber-400 text-xl\">\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                    <\/div>\n                    <p class=\"text-slate-700 mb-8 text-lg leading-relaxed\">\n                        Fr\u00fcher habe ich meine Rezepte \u00fcberall abgespeichert und nie wiedergefunden. Jetzt habe ich\n                        endlich alles an einem Ort und sehe sofort, was f\u00fcr welches Alter geeignet ist.\n                    <\/p>\n                    <div>\n                        <p class=\"font-bold text-slate-900 text-lg\">Sarah, Mama von zwei Kindern<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Testimonial 2 -->\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-105 transition-transform duration-300\">\n                    <div class=\"flex items-center gap-1 mb-6 text-amber-400 text-xl\">\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                    <\/div>\n                    <p class=\"text-slate-700 mb-8 text-lg leading-relaxed\">\n                        Ich hatte viele \u00d6le zu Hause und habe sie meistens nur in den Diffuser gegeben. Jetzt wei\u00df\n                        ich\n                        endlich, was ich sonst noch damit machen kann.\n                    <\/p>\n                    <div>\n                        <p class=\"font-bold text-slate-900 text-lg\">Marina, nutzt viele \u00e4therische \u00d6le<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Testimonial 3 -->\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-105 transition-transform duration-300\">\n                    <div class=\"flex items-center gap-1 mb-6 text-amber-400 text-xl\">\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                    <\/div>\n                    <p class=\"text-slate-700 mb-8 text-lg leading-relaxed\">\n                        Ich hatte immer Angst, etwas falsch zu machen und meinem Baby zu schaden. Jetzt kann ich\n                        auch\n                        nachts nachsehen und f\u00fchle mich endlich sicher.\n                    <\/p>\n                    <div>\n                        <p class=\"font-bold text-slate-900 text-lg\">Julia, Mama eines 6 Monate alten Babys<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Testimonial 4 -->\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-105 transition-transform duration-300\">\n                    <div class=\"flex items-center gap-1 mb-6 text-amber-400 text-xl\">\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                    <\/div>\n                    <p class=\"text-slate-700 mb-8 text-lg leading-relaxed\">\n                        Ich war in vielen Gruppen und am Ende noch unsicherer als vorher. Hier bekomme ich endlich\n                        eine\n                        klare Antwort und kein Durcheinander.\n                    <\/p>\n                    <div>\n                        <p class=\"font-bold text-slate-900 text-lg\">Katrin, Mama mit Interesse an nat\u00fcrlichen\n                            L\u00f6sungen\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Testimonial 5 -->\n                <div\n                    class=\"glass-card rounded-[32px] p-10 premium-shadow hover:scale-105 transition-transform duration-300\">\n                    <div class=\"flex items-center gap-1 mb-6 text-amber-400 text-xl\">\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                        <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n                    <\/div>\n                    <p class=\"text-slate-700 mb-8 text-lg leading-relaxed\">\n                        Mein Mann meinte immer, ich \u00fcbertreibe mit den \u00d6len. Seit ich die App nutze und genau wei\u00df,\n                        was\n                        sinnvoll ist, ist das kein Thema mehr.\n                    <\/p>\n                    <div>\n                        <p class=\"font-bold text-slate-900 text-lg\">Lena, Mama von drei Kindern<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FINAL CTA -->\n    <section class=\"py-24 relative overflow-hidden\">\n        <div class=\"absolute inset-0 bg-gradient-to-br from-purple-600 via-purple-700 to-pink-600 -z-10\"><\/div>\n\n        <div class=\"max-w-5xl mx-auto px-6 text-center text-white relative z-10\">\n            <h2 class=\"text-5xl md:text-6xl font-bold mb-8 leading-tight !text-white\">\n                Mach Schluss mit dem Durcheinander.<br>\n                Hol dir jetzt die \u00d6lrezepte-App.\n            <\/h2>\n\n            <p class=\"text-2xl md:text-3xl mb-14 max-w-3xl mx-auto leading-relaxed opacity-95 !text-white\">\n                Installiere die App in nur 2 Minuten und leg direkt los.<br>\n                <strong class=\"!text-white border-b-2 border-white\/30 pb-1\">Teste die App kostenlos und entscheide\n                    danach.<\/strong>\n            <\/p>\n\n            <!-- App Download Buttons -->\n            <div class=\"flex flex-col sm:flex-row justify-center gap-5 mb-10\">\n                <a href=\"https:\/\/apps.apple.com\/de\/app\/\u00f6lrezepte-sicher-f\u00fcr-dein-kind\/id6756058129\"\n                    class=\"inline-flex items-center justify-center gap-4 bg-white hover:bg-gray-50 text-slate-900 px-10 py-6 rounded-2xl font-bold text-lg transition-all transform hover:scale-105 shadow-2xl\">\n                    <svg class=\"w-10 h-10\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                        <path\n                            d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" \/>\n                    <\/svg>\n                    <div class=\"text-left\">\n                        <div class=\"font-bold text-xl\">Jetzt im App Store herunterladen<\/div>\n                    <\/div>\n                <\/a>\n\n                <button id=\"android-waitlist-trigger-footer\"\n                    class=\"inline-flex items-center justify-center gap-4 bg-white hover:bg-gray-50 text-slate-900 px-10 py-6 rounded-2xl font-bold text-lg transition-all transform hover:scale-105 shadow-2xl relative group\">\n                    <svg class=\"w-10 h-10\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                        <path\n                            d=\"M3 20.5v-17c0-.59.34-1.11.84-1.35L13.69 12l-9.85 9.85c-.5-.24-.84-.76-.84-1.35zm10.84-.85l2.64-2.64 3.77 2.13c.66.37.66 1.25 0 1.62l-3.77 2.13-2.64-2.64-.01-.6zm4.16-9.8L4.16 1.71C3.5 1.34 2.66 1.88 2.66 2.65v.83L13.81 14.6l4.2-2.38-2.01-1.13zm-2.68-1.26L4.16 1.71l9.07 5.13 2.68 1.51-2.68 1.51z\" \/>\n                    <\/svg>\n                    <div class=\"text-left\">\n                        <div class=\"text-xs opacity-60\">F\u00fcr Android informieren lassen<\/div>\n                        <div class=\"font-bold text-xl\">Google Play<\/div>\n                    <\/div>\n                    <div\n                        class=\"absolute -top-2 -right-2 bg-purple-600 text-white text-xs font-bold px-3 py-1 rounded-full shadow-lg group-hover:bg-purple-700\">\n                        Warteliste\n                    <\/div>\n                <\/button>\n            <\/div>\n\n            <div class=\"text-center text-white\/90 text-lg !text-white\/80\">\n                <span class=\"inline-flex items-center gap-2\">\n                    <i data-lucide=\"check\" class=\"w-4 h-4\"><\/i> iOS & Android\n                <\/span>\n                <span class=\"mx-3 opacity-30\">\u2022<\/span>\n                <span class=\"inline-flex items-center gap-2\">\n                    <i data-lucide=\"clock\" class=\"w-4 h-4\"><\/i> 7 Tage kostenlos testen\n                <\/span>\n                <span class=\"mx-3 opacity-30\">\u2022<\/span>\n                <span class=\"inline-flex items-center gap-2\">\n                    <i data-lucide=\"x-circle\" class=\"w-4 h-4\"><\/i> Jederzeit k\u00fcndbar\n                <\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer class=\"py-16 bg-slate-900 text-slate-400\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"text-center mb-10\">\n                <div class=\"flex items-center justify-center gap-3 mb-4\">\n                    <i data-lucide=\"droplet\" class=\"w-8 h-8 text-purple-400\"><\/i>\n                    <h3 class=\"text-3xl font-bold text-white\">\u00d6lrezepte<\/h3>\n                <\/div>\n                <p class=\"text-lg\">\u00d6lrezepte \u2013 endlich mehr Sicherheit und Ordnung f\u00fcr deine \u00d6l-Rezepte<\/p>\n            <\/div>\n\n            <div class=\"flex flex-wrap justify-center gap-8 text-base mb-10\">\n                <a href=\"https:\/\/www.\u00f6lrezepte.de\/impressum\" target=\"_blank\"\n                    class=\"hover:text-white transition font-medium\">Impressum<\/a>\n                <a href=\"https:\/\/www.\u00f6lrezepte.de\/datenschutz\" target=\"_blank\"\n                    class=\"hover:text-white transition font-medium\">Datenschutz<\/a>\n                <a href=\"mailto:support@\u00f6lrezepte.de\" class=\"hover:text-white transition font-medium\">Kontakt<\/a>\n            <\/div>\n\n            <div class=\"text-center text-sm text-slate-500\">\n                <p>\u00a9 2026 \u00d6lrezepte. Alle Rechte vorbehalten.<\/p>\n                <p class=\"mt-2\">Diese App ersetzt keine medizinische Beratung.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- ANDROID WAITLIST MODAL -->\n    <div id=\"waitlist-modal\" class=\"fixed inset-0 z-[10000] hidden flex items-center justify-center p-6\">\n        <div id=\"modal-overlay\" class=\"absolute inset-0 bg-slate-900\/60 backdrop-blur-md\"><\/div>\n        <div class=\"glass-card rounded-[32px] p-8 md:p-12 premium-shadow max-w-xl w-full relative z-10 fade-in-up\">\n            <button id=\"close-modal\" class=\"absolute top-6 right-6 text-slate-400 hover:text-slate-600 transition\">\n                <i data-lucide=\"x\" class=\"w-8 h-8\"><\/i>\n            <\/button>\n            <div class=\"text-center mb-8\">\n                <div\n                    class=\"w-16 h-16 bg-purple-100 text-purple-600 rounded-2xl flex items-center justify-center mx-auto mb-4\">\n                    <i data-lucide=\"smartphone\" class=\"w-8 h-8\"><\/i>\n                <\/div>\n                <h2 class=\"text-2xl md:text-3xl font-bold text-slate-900 mb-2\">Android Warteliste<\/h2>\n                <p class=\"text-slate-600\">Trage dich ein und wir informieren dich, sobald die Android-Version online\n                    ist.<\/p>\n            <\/div>\n\n            <form id=\"waitlist-form\" class=\"space-y-4\">\n                <input type=\"hidden\" id=\"app_waitlist_nonce\" name=\"app_waitlist_nonce\" value=\"5f50bff996\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/87\" \/>                <input type=\"text\" id=\"wa-first-name\" name=\"first_name\" placeholder=\"Dein Vorname\" required\n                    class=\"w-full px-6 py-4 rounded-2xl border-2 border-slate-100 bg-slate-50 focus:border-purple-500 focus:bg-white transition-all outline-none text-lg\">\n                <input type=\"text\" id=\"wa-last-name\" name=\"last_name\" placeholder=\"Dein Nachname\" required\n                    class=\"w-full px-6 py-4 rounded-2xl border-2 border-slate-100 bg-slate-50 focus:border-purple-500 focus:bg-white transition-all outline-none text-lg\">\n                <input type=\"email\" id=\"wa-email\" name=\"email\" placeholder=\"Deine E-Mail-Adresse\" required\n                    class=\"w-full px-6 py-4 rounded-2xl border-2 border-slate-100 bg-slate-50 focus:border-purple-500 focus:bg-white transition-all outline-none text-lg\">\n\n                <div id=\"waitlist-status\" class=\"hidden text-center py-4 rounded-2xl text-lg font-medium\"><\/div>\n\n                <button type=\"submit\" id=\"wa-submit\"\n                    class=\"w-full bg-gradient-to-r from-purple-600 to-purple-800 text-white px-8 py-5 rounded-2xl font-bold text-xl shadow-xl hover:scale-[1.02] active:scale-[0.98] transition-all\">\n                    Jetzt eintragen\n                <\/button>\n            <\/form>\n\n            <p class=\"text-center text-slate-400 text-sm mt-6 flex items-center justify-center gap-2\">\n                <i data-lucide=\"shield-check\" class=\"w-4 h-4\"><\/i> 100% Spam-frei. Nur Launch-Infos.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- SCRIPTS -->\n    <script>\n        \/\/ Initialize Lucide Icons\n        lucide.createIcons();\n\n        \/\/ Modal Logic\n        const modal = document.getElementById('waitlist-modal');\n        const triggers = [document.getElementById('android-waitlist-trigger'), document.getElementById('android-waitlist-trigger-footer')];\n        const closer = document.getElementById('close-modal');\n        const overlay = document.getElementById('modal-overlay');\n\n        triggers.forEach(trigger => {\n            if (trigger) {\n                trigger.onclick = () => {\n                    modal.classList.remove('hidden');\n                    document.body.style.overflow = 'hidden';\n                };\n            }\n        });\n\n        const closeModal = () => {\n            modal.classList.add('hidden');\n            document.body.style.overflow = 'auto';\n        };\n\n        closer.onclick = closeModal;\n        overlay.onclick = closeModal;\n\n        \/\/ AJAX Form Submission\n        document.getElementById('waitlist-form').onsubmit = async (e) => {\n            e.preventDefault();\n            const btn = document.getElementById('wa-submit');\n            const status = document.getElementById('waitlist-status');\n            const originalText = btn.innerText;\n\n            btn.disabled = true;\n            btn.innerText = 'Wird gesendet...';\n            status.classList.add('hidden');\n\n            const formData = new FormData(e.target);\n            formData.append('action', 'app_waitlist_submit');\n            formData.append('platform', 'android');\n            \/\/ Hier nutzen wir die AJAX URL von WordPress\n            \/\/ Da wir in einem Template sind, nutzen wir das globale Admin-AJAX\n            const ajaxUrl = 'https:\/\/www.xn--lrezepte-m4a.de\/wp-admin\/admin-ajax.php';\n\n            try {\n                \/\/ Wir f\u00fcgen eine kleine Verz\u00f6gerung f\u00fcr das Gef\u00fchl ein\n                const response = await fetch(ajaxUrl, {\n                    method: 'POST',\n                    body: formData\n                });\n                const result = await response.json();\n\n                if (result.success) {\n                    status.innerText = \"Vielen Dank! Wir informieren dich, sobald Android online ist.\";\n                    status.className = 'block bg-green-50 text-green-700 border border-green-200 py-4 px-6 rounded-2xl text-center mb-4';\n                    e.target.reset();\n                    btn.classList.add('hidden');\n                } else {\n                    status.innerText = result.data.message || 'Ein Fehler ist aufgetreten.';\n                    status.className = 'block bg-red-50 text-red-700 border border-red-200 py-4 px-6 rounded-2xl text-center mb-4';\n                    btn.disabled = false;\n                    btn.innerText = originalText;\n                }\n                status.classList.remove('hidden');\n            } catch (error) {\n                status.innerText = 'Netzwerkfehler. Bitte versuche es erneut.';\n                status.className = 'block bg-red-50 text-red-700 border border-red-200 py-4 px-6 rounded-2xl text-center mb-4';\n                status.classList.remove('hidden');\n                btn.disabled = false;\n                btn.innerText = originalText;\n            }\n        };\n\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }\n            });\n        });\n    <\/script>\n    \n\n\n\n<p><\/p>\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":{"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.xn--lrezepte-m4a.de\/index.php\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xn--lrezepte-m4a.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xn--lrezepte-m4a.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xn--lrezepte-m4a.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xn--lrezepte-m4a.de\/index.php\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":3,"href":"https:\/\/www.xn--lrezepte-m4a.de\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/www.xn--lrezepte-m4a.de\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/www.xn--lrezepte-m4a.de\/index.php\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}