{"id":21,"date":"2026-07-17T05:00:58","date_gmt":"2026-07-17T05:00:58","guid":{"rendered":"https:\/\/lifeforceyoga.store\/?page_id=21"},"modified":"2026-07-17T05:01:41","modified_gmt":"2026-07-17T05:01:41","slug":"home","status":"publish","type":"page","link":"https:\/\/lifeforceyoga.store\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-756d897 e-con e-atomic-element e-flexbox-base e-938138f \" data-id=\"756d897\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"756d897\">\n    \t\t<div class=\"elementor-element elementor-element-c2d0906 elementor-widget elementor-widget-html\" data-id=\"c2d0906\" data-element_type=\"widget\" data-e-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>LifeforceYoga - Erwecke deine Lebensenergie<\/title>\r\n    <!-- Google Fonts & FontAwesome for modern look -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Animate.css for scroll animations -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n    \r\n    <style>\r\n        :root {\r\n            --primary: #2C4A3E; \/* Deep Sage Green *\/\r\n            --secondary: #DFBA9D; \/* Soft Warm Terracotta\/Sand *\/\r\n            --dark: #1A2421;\r\n            --light: #F9F6F0; \/* Off-white linen *\/\r\n            --white: #ffffff;\r\n            --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Plus Jakarta Sans', sans-serif;\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--light);\r\n            color: var(--dark);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        h1, h2, h3 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* Reusable components *\/\r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 16px 36px;\r\n            background-color: var(--primary);\r\n            color: var(--white);\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            letter-spacing: 0.5px;\r\n            transition: var(--transition);\r\n            box-shadow: 0 10px 20px rgba(44, 74, 62, 0.15);\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .btn:hover {\r\n            background-color: transparent;\r\n            color: var(--primary);\r\n            border-color: var(--primary);\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 30px rgba(44, 74, 62, 0.25);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background-color: transparent;\r\n            color: var(--dark);\r\n            border: 2px solid var(--primary);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background-color: var(--primary);\r\n            color: var(--white);\r\n        }\r\n\r\n        section {\r\n            padding: 140px 10%;\r\n            position: relative;\r\n            width: 100%;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 3rem;\r\n            color: var(--primary);\r\n            margin-bottom: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .section-subtitle {\r\n            text-align: center;\r\n            font-size: 1.1rem;\r\n            color: #666;\r\n            max-width: 600px;\r\n            margin: 0 auto 80px auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Floating Animation Effect *\/\r\n        @keyframes float {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-15px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n\r\n        \/* 1. HERO SECTION *\/\r\n        .hero {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            background: linear-gradient(135deg, #E6ECE9 0%, #F9F6F0 100%);\r\n            padding-top: 80px;\r\n            padding-bottom: 80px;\r\n        }\r\n\r\n        .hero-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            width: 100%;\r\n        }\r\n\r\n        .hero-content h1 {\r\n            font-size: 4.5rem;\r\n            line-height: 1.1;\r\n            color: var(--primary);\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .hero-content p {\r\n            font-size: 1.2rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n        }\r\n\r\n        .hero-image-wrapper {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .hero-img-main {\r\n            width: 85%;\r\n            height: 600px;\r\n            object-fit: cover;\r\n            border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\r\n            animation: float 6s ease-in-out infinite;\r\n            box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        \/* 2. ABOUT SECTION *\/\r\n        .about {\r\n            background-color: var(--white);\r\n        }\r\n\r\n        .about-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n        }\r\n\r\n        .about-images {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        .about-img {\r\n            width: 100%;\r\n            height: 300px;\r\n            object-fit: cover;\r\n            border-radius: 24px;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .about-img:nth-child(even) {\r\n            transform: translateY(30px);\r\n        }\r\n\r\n        .about-img:hover {\r\n            transform: scale(1.05) translateY(0);\r\n        }\r\n\r\n        .about-content h2 {\r\n            font-size: 3.5rem;\r\n            color: var(--primary);\r\n            margin-bottom: 30px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .about-content p {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        \/* 3. SERVICES SECTION *\/\r\n        .services {\r\n            background-color: #F2EDE4;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 40px;\r\n        }\r\n\r\n        .service-card {\r\n            background: var(--white);\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.03);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-15px);\r\n            box-shadow: 0 30px 60px rgba(44, 74, 62, 0.12);\r\n        }\r\n\r\n        .service-img-h {\r\n            width: 100%;\r\n            height: 250px;\r\n            object-fit: cover;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .service-card:hover .service-img-h {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .service-info {\r\n            padding: 40px;\r\n        }\r\n\r\n        .service-info h3 {\r\n            font-size: 1.6rem;\r\n            color: var(--primary);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .service-info p {\r\n            color: #666;\r\n            line-height: 1.6;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        \/* 4. GALLERY SECTION *\/\r\n        .gallery {\r\n            background-color: var(--white);\r\n        }\r\n\r\n        .gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        .gallery-item {\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 20px;\r\n            height: 350px;\r\n        }\r\n\r\n        .gallery-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .gallery-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(44, 74, 62, 0.8), transparent);\r\n            opacity: 0;\r\n            display: flex;\r\n            align-items: flex-end;\r\n            padding: 30px;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .gallery-item:hover img {\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .gallery-item:hover .gallery-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .gallery-overlay h3 {\r\n            color: var(--white);\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        \/* 5. CALL TO ACTION SECTION *\/\r\n        .cta {\r\n            background: linear-gradient(rgba(44, 74, 62, 0.85), rgba(44, 74, 62, 0.95)), url('https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga10.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            text-align: center;\r\n            color: var(--white);\r\n            padding: 160px 10%;\r\n        }\r\n\r\n        .cta-content h2 {\r\n            font-size: 4rem;\r\n            margin-bottom: 30px;\r\n            color: var(--secondary);\r\n        }\r\n\r\n        .cta-content p {\r\n            font-size: 1.3rem;\r\n            max-width: 700px;\r\n            margin: 0 auto 40px auto;\r\n            opacity: 0.9;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .cta .btn {\r\n            background-color: var(--secondary);\r\n            color: var(--dark);\r\n        }\r\n\r\n        .cta .btn:hover {\r\n            background-color: transparent;\r\n            color: var(--white);\r\n            border-color: var(--white);\r\n        }\r\n\r\n        \/* RESPONSIVE DESIGN (All Devices) *\/\r\n        @media (max-width: 1200px) {\r\n            .hero-content h1 { font-size: 3.5rem; }\r\n            .section-title { font-size: 2.5rem; }\r\n            .about-content h2 { font-size: 2.8rem; }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            section { padding: 100px 5%; }\r\n            .hero-container, .about-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 50px;\r\n                text-align: center;\r\n            }\r\n            .hero-image-wrapper { order: -1; }\r\n            .hero-buttons { justify-content: center; }\r\n            .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .gallery-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .hero-img-main { height: 450px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-content h1 { font-size: 2.8rem; }\r\n            .services-grid, .gallery-grid { grid-template-columns: 1fr; }\r\n            .about-images { grid-template-columns: 1fr; }\r\n            .about-img:nth-child(even) { transform: translateY(0); }\r\n            .cta-content h2 { font-size: 2.5rem; }\r\n            .hero-buttons { flex-direction: column; width: 100%; }\r\n            .btn { width: 100%; justify-content: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- 1. HERO SECTION -->\r\n    <section class=\"hero\">\r\n        <div class=\"hero-container\">\r\n            <div class=\"hero-content animate__animated animate__fadeInLeft\">\r\n                <h1>Finde deine innere Kraft mit <br><span style=\"color: #60796E;\">LifeforceYoga<\/span><\/h1>\r\n                <p>Erlebe moderne Yoga-Praktiken, die deinen Geist beruhigen, deinen K\u00f6rper st\u00e4rken und deine Lebensenergie (Prana) voll entfalten. Starte noch heute deine Reise zu absoluter Balance.<\/p>\r\n                <div class=\"hero-buttons\">\r\n                    <a href=\"https:\/\/lifeforceyoga.store\/service\" class=\"btn\">Unsere Kurse <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                    <a href=\"https:\/\/lifeforceyoga.store\/contact\" class=\"btn btn-secondary\">Jetzt Starten<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-image-wrapper animate__animated animate__fadeInRight\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga2.jpeg\" alt=\"LifeforceYoga Hero\" class=\"hero-img-main\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2. ABOUT SECTION -->\r\n    <section class=\"about\">\r\n        <div class=\"about-container\">\r\n            <div class=\"about-images\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga3.jpeg\" alt=\"Yoga Praxis\" class=\"about-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga4.webp\" alt=\"Meditation\" class=\"about-img\">\r\n            <\/div>\r\n            <div class=\"about-content\">\r\n                <h2>\u00dcber LifeforceYoga<\/h2>\r\n                <p>Bei LifeforceYoga verbinden wir jahrtausendealte Traditionen mit den Bed\u00fcrfnissen der modernen Welt. Unser Fokus liegt darauf, Blockaden zu l\u00f6sen und die nat\u00fcrliche Lebensenergie in Fluss zu bringen.<\/p>\r\n                <p>Egal ob Anf\u00e4nger oder fortgeschrittener Yogi \u2013 unsere Sessions bieten dir einen sicheren Raum f\u00fcr Wachstum, Achtsamkeit und tiefe Regeneration.<\/p>\r\n                <a href=\"https:\/\/lifeforceyoga.store\/about\" class=\"btn\">Mehr \u00fcber uns<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. SERVICES SECTION -->\r\n    <section class=\"services\">\r\n        <h2 class=\"section-title\">Unsere Yoga-Klassen<\/h2>\r\n        <p class=\"section-subtitle\">W\u00e4hle den perfekten Stil f\u00fcr deine aktuelle Energie und deine pers\u00f6nlichen Ziele.<\/p>\r\n        \r\n        <div class=\"services-grid\">\r\n            <!-- Service 1 -->\r\n            <div class=\"service-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga5.webp\" alt=\"Vinyasa Flow\" class=\"service-img-h\">\r\n                <div class=\"service-info\">\r\n                    <h3>Vinyasa Flow<\/h3>\r\n                    <p>Dynamische, flie\u00dfende Bewegungen im Einklang mit deiner Atmung. Perfekt, um Kraft aufzubauen.<\/p>\r\n                    <a href=\"https:\/\/lifeforceyoga.store\/service\" class=\"btn btn-secondary\">Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Service 2 -->\r\n            <div class=\"service-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga6-Copy.webp\" alt=\"Yin Yoga\" class=\"service-img-h\">\r\n                <div class=\"service-info\">\r\n                    <h3>Yin Yoga & Relax<\/h3>\r\n                    <p>Tiefenentspannung pur. Lang gehaltene Asanas dehnen das Fasziengewebe und beruhigen das Nervensystem.<\/p>\r\n                    <a href=\"https:\/\/lifeforceyoga.store\/service\" class=\"btn btn-secondary\">Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Service 3 -->\r\n            <div class=\"service-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga7-Copy.webp\" alt=\"Pranayama\" class=\"service-img-h\">\r\n                <div class=\"service-info\">\r\n                    <h3>Pranayama & Atem<\/h3>\r\n                    <p>Lerne die Kunst der bewussten Lenkung deiner Lebensenergie durch kraftvolle Atemtechniken.<\/p>\r\n                    <a href=\"https:\/\/lifeforceyoga.store\/service\" class=\"btn btn-secondary\">Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. GALLERY SECTION -->\r\n    <section class=\"gallery\">\r\n        <h2 class=\"section-title\">Impressionen aus dem Studio<\/h2>\r\n        <p class=\"section-subtitle\">Ein Einblick in die harmonische Atmosph\u00e4re und kraftvolle Momente bei LifeforceYoga.<\/p>\r\n        \r\n        <div class=\"gallery-grid\">\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga9-Copy.jpg\" alt=\"Achtsamkeit\">\r\n                <div class=\"gallery-overlay\">\r\n                    <h3>Achtsamkeit<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga10.jpg\" alt=\"Fokus\">\r\n                <div class=\"gallery-overlay\">\r\n                    <h3>Fokus<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga3.jpeg\" alt=\"Balance\">\r\n                <div class=\"gallery-overlay\">\r\n                    <h3>Balance<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/lifeforceyoga.store\/wp-content\/uploads\/2026\/07\/yoga4.webp\" alt=\"Energie\">\r\n                <div class=\"gallery-overlay\">\r\n                    <h3>Energie<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5. CALL TO ACTION SECTION -->\r\n    <section class=\"cta\">\r\n        <div class=\"cta-content\">\r\n            <h2>Bereit f\u00fcr deine Transformation?<\/h2>\r\n            <p>Tritt unserer Community bei und sp\u00fcre den Unterschied ab der ersten Session. Deine Matte wartet auf dich.<\/p>\r\n            <a href=\"https:\/\/lifeforceyoga.store\/contact\" class=\"btn\">Sichere dir deinen Platz<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LifeforceYoga &#8211; Erwecke deine Lebensenergie Finde deine innere Kraft mit LifeforceYoga Erlebe moderne Yoga-Praktiken, die deinen Geist beruhigen, deinen K\u00f6rper st\u00e4rken und deine Lebensenergie (Prana) voll entfalten. Starte noch heute deine Reise zu absoluter Balance. Unsere Kurse Jetzt Starten \u00dcber LifeforceYoga Bei LifeforceYoga verbinden wir jahrtausendealte Traditionen mit den Bed\u00fcrfnissen der modernen Welt. Unser Fokus [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lifeforceyoga.store\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lifeforceyoga.store\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lifeforceyoga.store\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lifeforceyoga.store\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifeforceyoga.store\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":4,"href":"https:\/\/lifeforceyoga.store\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/lifeforceyoga.store\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/lifeforceyoga.store\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}