{"id":8396,"date":"2026-03-09T18:01:01","date_gmt":"2026-03-09T18:01:01","guid":{"rendered":"https:\/\/agro-tech-solution.com\/sapropel\/"},"modified":"2026-03-29T05:35:42","modified_gmt":"2026-03-29T05:35:42","slug":"sapropel","status":"publish","type":"page","link":"https:\/\/agro-tech-solution.com\/de\/sapropel\/","title":{"rendered":"Sapropel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8396\" class=\"elementor elementor-8396 elementor-7748\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e565d4 e-con-full e-flex e-con e-parent\" data-id=\"2e565d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e167e4 elementor-widget elementor-widget-html\" data-id=\"7e167e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\");\n\n    .spxsp-root {\n        font-family: Montserrat, sans-serif;\n        background: var(--bg-1);\n        color: var(--text);\n        overflow: hidden;\n        line-height: 1.7;\n    }\n    .spxsp-root,\n    .spxsp-root * {\n        box-sizing: border-box;\n    }\n\n    .spxsp-root *,\n    .spxsp-root *::before,\n    .spxsp-root *::after {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n    .spxsp-root {\n        --bg-1: #0a1208;\n        --bg-2: #0f1a0d;\n        --bg-3: #111d0f;\n        --white: rgba(255, 255, 255, 0.82);\n        --white-s: rgba(255, 255, 255, 0.92);\n        --text: #e8f0e4;\n        --text-dim: #7a9672;\n        --line: rgba(120, 175, 100, 0.12);\n        --green: #4fbe6c;\n        --green-2: #2e8b50;\n        --green-3: #a8d878;\n        --gold: #c9b96a;\n        --shadow: 0 22px 60px rgba(0, 0, 0, 0.45);\n        --shadow-s: 0 10px 30px rgba(0, 0, 0, 0.3);\n        --glass: rgba(15, 26, 13, 0.55);\n        --glass-b: rgba(255, 255, 255, 0.04);\n        --radius: 28px;\n        --radius-l: 38px;\n    }\n\n    \/* \u2500\u2500 UTILITIES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-wrap {\n        max-width: 1320px;\n        margin: 0 auto;\n        padding: 0 28px;\n        position: relative;\n        z-index: 2;\n    }\n    .spxsp-counter-hero {\n        font-size: 25px !important;\n    }\n    .spxsp-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 7px 16px;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.1);\n        border: 1px solid rgba(79, 190, 108, 0.2);\n        color: var(--green);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        margin-bottom: 20px;\n    }\n    .spxsp-eyebrow::before {\n        content: \"\";\n        width: 6px;\n        height: 6px;\n        border-radius: 99px;\n        background: var(--green);\n        box-shadow: 0 0 8px var(--green);\n    }\n    .spxsp-title {\n        font-size: clamp(36px, 4.5vw, 68px);\n        line-height: 0.97;\n        letter-spacing: -0.04em;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 18px;\n    }\n    .spxsp-subtext {\n        color: var(--text-dim);\n        font-size: 17px;\n        line-height: 1.85;\n        max-width: 760px;\n    }\n    .spxsp-section-head {\n        margin-bottom: 56px;\n    }\n    .spxsp-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        min-height: 56px;\n        padding: 0 28px;\n        border-radius: 16px;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 800;\n        letter-spacing: 0.03em;\n        transition: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n        border: none;\n        cursor: pointer;\n    }\n    .spxsp-btn-primary {\n        background: linear-gradient(135deg, var(--green-2), var(--green));\n        color: #fff;\n        box-shadow: 0 14px 32px rgba(46, 139, 80, 0.35);\n    }\n    .spxsp-btn-primary:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 20px 40px rgba(46, 139, 80, 0.45);\n    }\n    .spxsp-btn-ghost {\n        background: rgba(255, 255, 255, 0.06);\n        color: var(--text);\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        backdrop-filter: blur(12px);\n    }\n    .spxsp-btn-ghost:hover {\n        background: rgba(255, 255, 255, 0.12);\n        transform: translateY(-2px);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .spxsp-hero {\n        position: relative;\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n    }\n\n    \/* \u2500\u2500 Self-hosted video background \u2500\u2500 *\/\n    .spxsp-hero__video-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        overflow: hidden;\n        background: #060f05; \/* placeholder color while video loads *\/\n    }\n    \/*\n  HTML5 <video> \u2014 \u0430t\u0440\u0438\u0431\u0443t\u0438:\n    autoplay  \u2014 \u0441t\u0430\u0440t \u043e\u0434\u0440\u0430\u0437\u0443\n    muted     \u2014 \u043e\u0431\u043e\u0432'\u044f\u0437\u043a\u043e\u0432\u043e \u0434\u043b\u044f autoplay \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445\n    loop      \u2014 \u0437\u0430\u0446\u0438\u043a\u043b\u0435\u043d\u043d\u044f\n    playsinline \u2014 \u043a\u043e\u0440\u0435\u043at\u043d\u0430 \u043f\u043e\u0432\u0435\u0434\u0456\u043d\u043a\u0430 \u043d\u0430 iOS\n    preload=\"auto\" \u2014 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430\n*\/\n    .spxsp-hero__video-bg video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        \/* \u0437\u0430\u0432\u0436\u0434\u0438 \u0437\u0430\u043f\u043e\u0432\u043d\u044e\u0454 \u0432\u0435\u0441\u044c \u0435\u043a\u0440\u0430\u043d, \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u044e\u0447\u0438 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0456\u0457 *\/\n        min-width: 100%;\n        min-height: 100%;\n        width: auto;\n        height: auto;\n        transform: translate(-50%, -50%);\n        object-fit: cover;\n        pointer-events: none;\n    }\n\n    \/* Fallback gradient \u2014 \u0432\u0438\u0434\u043d\u043e \u044f\u043a\u0449\u043e \u0432\u0456\u0434\u0435\u043e \u043d\u0435 \u0437\u0430\u0432\u0430\u043dt\u0430\u0436\u0438\u043b\u043e\u0441\u044f *\/\n    .spxsp-hero__video-bg::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background:\n            radial-gradient(ellipse 80% 60% at 50% -10%, rgba(46, 139, 80, 0.22), transparent),\n            radial-gradient(ellipse 60% 80% at -10% 60%, rgba(79, 190, 108, 0.1), transparent), linear-gradient(180deg, #060f05 0%, #0d1a0b 50%, #0a1208 100%);\n        animation: spxsp-bgPulse 8s ease-in-out infinite alternate;\n        \/* \u0432\u0456\u0434\u0435\u043e \u043f\u0435\u0440\u0435\u043a\u0440\u0438\u0454 \u0446\u0435\u0439 \u0448\u0430\u0440, \u0430\u043b\u0435 \u044f\u043a\u0449\u043e \u0432\u0456\u0434\u0435\u043e \u043d\u0435m\u0430\u0454 \u2014 \u0431\u0443\u0434\u0435 \u0432\u0438\u0434\u043d\u043e *\/\n        z-index: -1;\n    }\n    @keyframes spxsp-bgPulse {\n        0% {\n            filter: brightness(1);\n        }\n        100% {\n            filter: brightness(1.12);\n        }\n    }\n\n    .spxsp-hero__overlay {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        background:\n            linear-gradient(180deg, rgba(6, 15, 5, 0.55) 0%, rgba(6, 15, 5, 0.3) 40%, rgba(6, 15, 5, 0.75) 100%),\n            linear-gradient(90deg, rgba(6, 15, 5, 0.7) 0%, rgba(6, 15, 5, 0.1) 55%);\n    }\n    .spxsp-hero__noise {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        opacity: 0.04;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n    }\n\n    .spxsp-hero__content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        padding: 140px 0 110px;\n    }\n    .spxsp-hero__stats {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n    }\n    .spxsp-hero__kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 28px;\n    }\n    .spxsp-hero__kicker-dot {\n        width: 8px;\n        height: 8px;\n        border-radius: 99px;\n        background: var(--green);\n        box-shadow:\n            0 0 14px var(--green),\n            0 0 28px rgba(79, 190, 108, 0.4);\n        animation: spxsp-pulse 2s ease-in-out infinite;\n    }\n    @keyframes spxsp-pulse {\n        0%,\n        100% {\n            box-shadow:\n                0 0 14px var(--green),\n                0 0 28px rgba(79, 190, 108, 0.4);\n        }\n        50% {\n            box-shadow:\n                0 0 6px var(--green),\n                0 0 14px rgba(79, 190, 108, 0.2);\n        }\n    }\n    .spxsp-hero__kicker-text {\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: var(--green-3);\n    }\n    .spxsp-hero__title {\n        font-size: clamp(48px, 6vw, 88px);\n        line-height: 0.92;\n        letter-spacing: -0.05em;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 22px;\n    }\n    .spxsp-hero__title em {\n        font-style: normal;\n        color: var(--green-3);\n    }\n    .spxsp-hero__desc {\n        color: rgba(255, 255, 255, 0.62);\n        font-size: 18px;\n        line-height: 1.85;\n        max-width: 560px;\n        margin-bottom: 36px;\n    }\n    .spxsp-hero__actions {\n        display: flex;\n        gap: 16px;\n        flex-wrap: wrap;\n        margin-bottom: 56px;\n    }\n    .spxsp-hero__stats {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n    }\n    .spxsp-hero__stat {\n        padding: 20px 18px;\n        background: rgba(255, 255, 255, 0.04);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 20px;\n        backdrop-filter: blur(16px);\n    }\n    .spxsp-hero__stat strong {\n        display: block;\n        font-size: clamp(44px, 4.8vw, 60px);\n        font-weight: 900;\n        color: #fff;\n        letter-spacing: -0.05em;\n        line-height: 1;\n        margin-bottom: 8px;\n    }\n    .spxsp-hero__stat strong .spxsp-suf {\n        font-size: 0.58em;\n        color: var(--green-3);\n    }\n    .spxsp-hero__stat span {\n        font-size: 13px;\n        color: var(--text-dim);\n        line-height: 1.55;\n    }\n    .hero__right {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    \/* orbs *\/\n    .hero__orbs {\n        position: absolute;\n        inset: -40px;\n        pointer-events: none;\n    }\n    .orb {\n        position: absolute;\n        border-radius: 99px;\n        filter: blur(40px);\n        opacity: 0.35;\n        animation: spxsp-orbFloat 7s ease-in-out infinite;\n    }\n    .orb--1 {\n        width: 280px;\n        height: 280px;\n        background: rgba(46, 139, 80, 0.5);\n        top: 10%;\n        left: 5%;\n        animation-delay: 0s;\n    }\n    .orb--2 {\n        width: 220px;\n        height: 220px;\n        background: rgba(79, 190, 108, 0.35);\n        right: 10%;\n        bottom: 15%;\n        animation-delay: -3s;\n    }\n    .orb--3 {\n        width: 160px;\n        height: 160px;\n        background: rgba(201, 185, 106, 0.2);\n        top: 55%;\n        left: 30%;\n        animation-delay: -5s;\n    }\n    @keyframes spxsp-orbFloat {\n        0%,\n        100% {\n            transform: translate(0, 0) scale(1);\n        }\n        33% {\n            transform: translate(14px, -18px) scale(1.04);\n        }\n        66% {\n            transform: translate(-10px, 12px) scale(0.97);\n        }\n    }\n    .spxsp-hero__scrollen {\n        position: absolute;\n        bottom: 36px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 2;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        color: rgba(255, 255, 255, 0.3);\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n    }\n    .spxsp-hero__scrollen-line {\n        width: 1px;\n        height: 42px;\n        background: linear-gradient(180deg, rgba(79, 190, 108, 0.6), transparent);\n        animation: spxsp-scrollenLine 2s ease-in-out infinite;\n    }\n    @keyframes spxsp-scrollenLine {\n        0%,\n        100% {\n            opacity: 0.5;\n            transform: scaleY(1);\n        }\n        50% {\n            opacity: 1;\n            transform: scaleY(0.7);\n        }\n    }\n\n    \/* \u2500\u2500 Hero right: glass photo card \u2500\u2500 *\/\n    .hero-photo-card {\n        position: relative;\n        width: 100%;\n        max-width: 520px;\n    }\n    \/* \u0417\u043e\u0432\u043d\u0456\u0448\u043d\u044f \u0440\u0430m\u043a\u0430 \u2014 \u0441\u043a\u043b\u043e *\/\n    .hpc-glass {\n        position: relative;\n        border-radius: var(--radius-l);\n        padding: 14px;\n        \/* \u0421\u043a\u043b\u044f\u043d\u0430 \u043f\u0456\u0434\u043b\u043e\u0436\u043a\u0430 *\/\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.08) 100%);\n        border: 1px solid rgba(255, 255, 255, 0.18);\n        box-shadow:\n            0 32px 72px rgba(0, 0, 0, 0.55),\n            inset 0 1px 0 rgba(255, 255, 255, 0.22),\n            inset 0 -1px 0 rgba(255, 255, 255, 0.06);\n        backdrop-filter: blur(24px);\n        -webkit-backdrop-filter: blur(24px);\n    }\n    \/* \u0411\u043b\u0438\u0441\u043a \u0443 \u0432\u0435\u0440\u0445\u043d\u044c\u043em\u0443 \u043b\u0456\u0432\u043em\u0443 \u043a\u0443t\u0456 *\/\n    .hpc-glass::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 60%;\n        height: 50%;\n        border-radius: var(--radius-l) 0 60% 0;\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 60%);\n        pointer-events: none;\n    }\n    \/* \u0412\u043d\u0443t\u0440\u0456\u0448\u043d\u0456\u0439 \u0444\u0440\u0435\u0439m \u0434\u043b\u044f \u0444\u043et\u043e *\/\n    .hpc-image {\n        border-radius: calc(var(--radius-l) - 10px);\n        overflow: hidden;\n        aspect-ratio: 4\/5;\n        background:\n            radial-gradient(ellipse 70% 50% at 50% 30%, rgba(79, 190, 108, 0.18), transparent), linear-gradient(170deg, #0d1e0a 0%, #0a1508 40%, #061008 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n    \/* \u042f\u043a\u0449\u043e \u0444\u043et\u043e \u043d\u0435 \u0437\u0430\u0432\u0430\u043dt\u0430\u0436\u0435\u043d\u043e \u2014 placeholder \u0437 \u0456\u043a\u043e\u043d\u043a\u043e\u044e *\/\n    .hpc-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        border-radius: calc(var(--radius-l) - 10px);\n    }\n    .hpc-placeholder {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 14px;\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n    }\n    .hpc-placeholder__icon {\n        font-size: 72px;\n        filter: drop-shadow(0 0 24px rgba(79, 190, 108, 0.5));\n        animation: spxsp-iconFloat 4s ease-in-out infinite;\n    }\n    @keyframes spxsp-iconFloat {\n        0%,\n        100% {\n            transform: translateY(0) scale(1);\n        }\n        50% {\n            transform: translateY(-10px) scale(1.04);\n        }\n    }\n    .hpc-placeholder__text {\n        font-size: 13px;\n        font-weight: 700;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: rgba(168, 216, 120, 0.45);\n    }\n    \/* \u041d\u0438\u0436\u043d\u0456\u0439 \u043f\u0456\u0434\u043f\u0438\u0441 \u043f\u043e\u0432\u0435\u0440\u0445 \u0444\u043et\u043e *\/\n    .hpc-caption {\n        position: absolute;\n        bottom: 14px;\n        left: 14px;\n        right: 14px;\n        padding: 16px 18px;\n        border-radius: 18px;\n        background: rgba(8, 16, 7, 0.72);\n        border: 1px solid rgba(79, 190, 108, 0.18);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n    }\n    .hpc-caption__label {\n        font-size: 13px;\n        font-weight: 700;\n        color: rgba(255, 255, 255, 0.85);\n        line-height: 1.4;\n    }\n    .hpc-caption__badge {\n        flex-shrink: 0;\n        padding: 6px 12px;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.15);\n        border: 1px solid rgba(79, 190, 108, 0.25);\n        font-size: 11px;\n        font-weight: 800;\n        color: var(--green-3);\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        white-space: nowrap;\n    }\n    \/* Floating \u0431\u0435\u0439\u0434\u0436\u0438\u043a\u0438 \u0437\u043e\u0432\u043d\u0456 \u043a\u0430\u0440t\u043e\u0447\u043a\u0438 *\/\n    .hv-badge {\n        position: absolute;\n        padding: 12px 18px;\n        background: rgba(8, 16, 7, 0.82);\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 16px;\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        font-size: 13px;\n        font-weight: 700;\n        color: var(--text);\n        white-space: nowrap;\n        animation: spxsp-badgeFloat 5s ease-in-out infinite;\n        box-shadow:\n            0 8px 24px rgba(0, 0, 0, 0.35),\n            inset 0 1px 0 rgba(255, 255, 255, 0.1);\n    }\n    .hv-badge--a {\n        top: -20px;\n        right: 12px;\n        animation-delay: 0s;\n    }\n    .hv-badge--b {\n        bottom: -20px;\n        left: 10px;\n        animation-delay: -2.5s;\n    }\n    .hv-badge em {\n        color: var(--green-3);\n        font-style: normal;\n    }\n    @keyframes spxsp-badgeFloat {\n        0%,\n        100% {\n            transform: translateY(0);\n        }\n        50% {\n            transform: translateY(-8px);\n        }\n    }\n\n    \/* \u2500\u2500 STATS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-statsbar {\n        padding: 50px 0;\n        border-top: 1px solid var(--line);\n        border-bottom: 1px solid var(--line);\n        background: rgba(255, 255, 255, 0.015);\n    }\n    .spxsp-statsbar__inner {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n    }\n    .spxsp-stat-item {\n        padding: 28px 32px;\n        border-right: 1px solid var(--line);\n        text-align: center;\n    }\n    .spxsp-stat-item:last-child {\n        border-right: none;\n    }\n    .spxsp-stat-item__num {\n        font-size: clamp(38px, 4vw, 58px);\n        font-weight: 900;\n        color: #fff;\n        letter-spacing: -0.06em;\n        line-height: 1;\n        margin-bottom: 8px;\n    }\n    .spxsp-stat-item__num span {\n        color: var(--green-3);\n    }\n    .spxsp-stat-item__label {\n        font-size: 13px;\n        color: var(--text-dim);\n        font-weight: 600;\n        line-height: 1.5;\n    }\n\n    \/* \u2500\u2500 LAYERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-layers-section {\n        padding: 120px 0;\n        position: relative;\n        overflow: hidden;\n    }\n    .spxsp-layers-section::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(46, 139, 80, 0.07), transparent);\n    }\n    .spxsp-layers-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }\n    .spxsp-layers-info__desc {\n        color: var(--text-dim);\n        font-size: 17px;\n        line-height: 1.9;\n        margin-bottom: 20px;\n    }\n    .spxsp-layers-pills {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        margin-top: 28px;\n    }\n    .spxsp-pill {\n        padding: 9px 18px;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.08);\n        border: 1px solid rgba(79, 190, 108, 0.15);\n        color: var(--green-3);\n        font-size: 13px;\n        font-weight: 700;\n        cursor: default;\n        transition: 0.25s;\n    }\n    .spxsp-pill:hover {\n        background: rgba(79, 190, 108, 0.16);\n        border-color: rgba(79, 190, 108, 0.3);\n    }\n\n    \/* Diagram *\/\n    .spxsp-ld-scene {\n        position: relative; \/* \u2190 \u0444\u0456\u043a\u0441\u0443\u0454 \u043f\u043e\u0437\u0438\u0446\u0456\u043e\u043d\u0443\u0432\u0430\u043d\u043d\u044f ld-panel \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 *\/\n        border-radius: var(--radius-l);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        box-shadow: var(--shadow);\n        min-height: 580px;\n        background: #040c04;\n    }\n    .spxsp-ld-water {\n        position: relative;\n        height: 130px;\n        background: linear-gradient(180deg, #0d2535 0%, #0a3020 100%);\n        overflow: hidden;\n    }\n    .spxsp-ld-water__label {\n        position: absolute;\n        top: 14px;\n        left: 20px;\n        z-index: 3;\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: rgba(150, 220, 255, 0.55);\n    }\n    .spxsp-wave {\n        position: absolute;\n        width: 200%;\n        height: 60px;\n        border-radius: 50%;\n        bottom: 0;\n        animation: spxsp-wave 5s linear infinite;\n    }\n    .spxsp-wave--1 {\n        background: rgba(20, 80, 120, 0.6);\n        bottom: 10px;\n        animation-duration: 6s;\n    }\n    .spxsp-wave--2 {\n        background: rgba(16, 65, 100, 0.5);\n        bottom: 0;\n        animation-duration: 9s;\n        animation-direction: reverse;\n        opacity: 0.7;\n    }\n    @keyframes spxsp-wave {\n        0% {\n            transform: translateX(0);\n        }\n        100% {\n            transform: translateX(-50%);\n        }\n    }\n    .spxsp-bubbles {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n    }\n    .bubble {\n        position: absolute;\n        border-radius: 99px;\n        background: rgba(100, 200, 255, 0.25);\n        animation: spxsp-bubbleUp 4s ease-in infinite;\n    }\n    @keyframes spxsp-bubbleUp {\n        0% {\n            transform: translateY(0);\n            opacity: 0.6;\n        }\n        100% {\n            transform: translateY(-120px);\n            opacity: 0;\n        }\n    }\n\n    .spxsp-ld-Sapropel {\n        position: relative;\n        height: 210px;\n        background: linear-gradient(180deg, #213d14 0%, #18300a 45%, #112508 100%);\n        cursor: pointer;\n        transition: 0.35s ease;\n        overflow: hidden;\n        \/* \u0417\u0432\u0435\u0440\u0445\u0443 \u0456 \u0437\u043d\u0438\u0437\u0443 \u2014 \u044f\u0441\u043a\u0440\u0430\u0432\u0456 \u0437\u0435\u043b\u0435\u043d\u0456 \u0441m\u0443\u0433\u0438 *\/\n        box-shadow:\n            inset 0 4px 0 rgba(168, 216, 120, 0.8),\n            inset 0 -4px 0 rgba(79, 190, 108, 0.6),\n            0 0 0 1px rgba(79, 190, 108, 0.25),\n            0 -6px 24px rgba(79, 190, 108, 0.18),\n            0 6px 24px rgba(79, 190, 108, 0.14);\n    }\n    .spxsp-ld-Sapropel:hover {\n        filter: brightness(1.15);\n    }\n\n    \/* \u041b\u0456\u0432\u0430 \u0432\u0435\u0440t\u0438\u043a\u0430\u043b\u044c\u043d\u0430 \u043b\u0456\u043d\u0456\u044f-\u0430\u043a\u0446\u0435\u043dt \u2014 \"\u043a\u043b\u044e\u0447\u043e\u0432\u0438\u0439 \u0448\u0430\u0440\" *\/\n    .spxsp-ld-Sapropel__accent {\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        width: 5px;\n        z-index: 4;\n        background: linear-gradient(180deg, rgba(168, 216, 120, 0) 0%, rgba(168, 216, 120, 1) 30%, rgba(79, 190, 108, 1) 70%, rgba(79, 190, 108, 0) 100%);\n        box-shadow: 2px 0 14px rgba(79, 190, 108, 0.6);\n        animation: spxsp-accentPulse 2.5s ease-in-out infinite alternate;\n    }\n    @keyframes spxsp-accentPulse {\n        0% {\n            opacity: 0.6;\n            box-shadow: 2px 0 8px rgba(79, 190, 108, 0.4);\n        }\n        100% {\n            opacity: 1;\n            box-shadow: 2px 0 20px rgba(168, 216, 120, 0.9);\n        }\n    }\n\n    \/* \u041f\u0443\u043b\u044c\u0441\u0443\u044e\u0447\u0456 \u0432\u0435\u0440\u0445\u043d\u044f \u0456 \u043d\u0438\u0436\u043d\u044f \u043b\u0456\u043d\u0456\u0457 *\/\n    .spxsp-ld-Sapropel::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 3;\n        border-top: 2px solid rgba(168, 216, 120, 0.75);\n        border-bottom: 2px solid rgba(79, 190, 108, 0.55);\n        animation: spxsp-sapGlow 2.8s ease-in-out infinite alternate;\n    }\n    @keyframes spxsp-sapGlow {\n        0% {\n            border-top-color: rgba(79, 190, 108, 0.5);\n            border-bottom-color: rgba(79, 190, 108, 0.35);\n            box-shadow: inset 0 0 30px rgba(79, 190, 108, 0.06);\n        }\n        100% {\n            border-top-color: rgba(168, 216, 120, 1);\n            border-bottom-color: rgba(79, 190, 108, 0.8);\n            box-shadow: inset 0 0 60px rgba(79, 190, 108, 0.18);\n        }\n    }\n    \/* \u0417\u0435\u043b\u0435\u043d\u0438\u0439 \u0440\u0430\u0434\u0456\u0430\u043b\u044c\u043d\u0438\u0439 \u0432\u0456\u0434\u0431\u043b\u0438\u0441\u043a *\/\n    .spxsp-ld-Sapropel::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        background:\n            radial-gradient(ellipse 70% 50% at 45% 40%, rgba(79, 190, 108, 0.18), transparent),\n            radial-gradient(ellipse 25% 80% at 8% 50%, rgba(168, 216, 120, 0.1), transparent);\n    }\n\n    .spxsp-ld-Sapropel__particles {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n    }\n    .particle {\n        position: absolute;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.4);\n        animation: spxsp-particleDrift 8s ease-in-out infinite;\n    }\n    @keyframes spxsp-particleDrift {\n        0%,\n        100% {\n            transform: translate(0, 0);\n            opacity: 0.35;\n        }\n        50% {\n            transform: translate(14px, -9px);\n            opacity: 0.85;\n        }\n    }\n\n    .spxsp-ld-Sapropel__label {\n        position: absolute;\n        top: 18px;\n        left: 22px;\n        z-index: 4;\n    }\n    .spxsp-ld-Sapropel__name {\n        font-size: 20px;\n        font-weight: 900;\n        color: #fff;\n        text-transform: uppercase;\n        letter-spacing: 0.06em;\n        margin-bottom: 7px;\n        text-shadow:\n            0 0 28px rgba(168, 216, 120, 0.9),\n            0 2px 8px rgba(0, 0, 0, 0.6);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    .spxsp-ld-Sapropel__key-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 5px;\n        padding: 4px 11px;\n        border-radius: 99px;\n        background: rgba(79, 190, 108, 0.28);\n        border: 1px solid rgba(168, 216, 120, 0.65);\n        font-size: 9px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        color: var(--green-3);\n        text-transform: uppercase;\n        box-shadow:\n            0 0 12px rgba(79, 190, 108, 0.5),\n            inset 0 1px 0 rgba(255, 255, 255, 0.1);\n        animation: spxsp-sapGlow 2.8s ease-in-out infinite alternate;\n    }\n    .spxsp-ld-Sapropel__key-badge::before {\n        content: \"\";\n        width: 5px;\n        height: 5px;\n        border-radius: 99px;\n        background: var(--green-3);\n        box-shadow: 0 0 6px var(--green);\n    }\n    .spxsp-ld-Sapropel__sub {\n        font-size: 12px;\n        color: rgba(168, 216, 120, 0.8);\n        font-weight: 600;\n        letter-spacing: 0.02em;\n    }\n    .spxsp-ld-depth {\n        position: absolute;\n        right: 18px;\n        top: 50%;\n        transform: translateY(-50%);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 6px;\n    }\n    .spxsp-ld-depth__line {\n        width: 2px;\n        background: linear-gradient(180deg, var(--green-3), rgba(168, 216, 120, 0.1));\n        border-radius: 99px;\n        animation: spxsp-depthGrow 3s ease-in-out infinite alternate;\n    }\n    @keyframes spxsp-depthGrow {\n        0% {\n            height: 60px;\n            opacity: 0.5;\n        }\n        100% {\n            height: 90px;\n            opacity: 1;\n        }\n    }\n    .spxsp-ld-depth__val {\n        font-size: 11px;\n        font-weight: 800;\n        color: var(--green-3);\n        letter-spacing: 0.1em;\n    }\n    .spxsp-ld-tooltip {\n        display: none;\n        position: absolute;\n        left: 20px;\n        bottom: 14px;\n        background: rgba(20, 40, 15, 0.9);\n        border: 1px solid rgba(79, 190, 108, 0.25);\n        border-radius: 14px;\n        padding: 12px 16px;\n        font-size: 12px;\n        color: var(--text-dim);\n        max-width: 280px;\n        line-height: 1.7;\n        backdrop-filter: blur(14px);\n        z-index: 5;\n    }\n    .spxsp-ld-Sapropel:hover .spxsp-ld-tooltip {\n        display: block;\n    }\n\n    .spxsp-ld-mineral {\n        position: relative;\n        height: 130px;\n        background: linear-gradient(180deg, #1c1810 0%, #141007 100%);\n        overflow: hidden;\n    }\n    .spxsp-ld-mineral__label {\n        position: absolute;\n        top: 14px;\n        left: 20px;\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: rgba(180, 160, 100, 0.45);\n    }\n    .spxsp-ld-mineral__dots {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n    }\n    .mdot {\n        position: absolute;\n        background: rgba(160, 130, 70, 0.2);\n    }\n\n    .spxsp-ld-bedrock {\n        position: relative;\n        height: 120px;\n        background: linear-gradient(180deg, #100e08 0%, #0a0806 100%);\n        overflow: hidden;\n    }\n    .spxsp-ld-bedrock__label {\n        position: absolute;\n        top: 14px;\n        left: 20px;\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: rgba(140, 120, 80, 0.35);\n    }\n    .crack {\n        position: absolute;\n        width: 1px;\n        background: rgba(120, 100, 60, 0.18);\n        transform-origin: top;\n    }\n\n    .spxsp-ld-panel {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        padding: 18px 22px;\n        background: rgba(10, 18, 8, 0.85);\n        border-top: 1px solid rgba(79, 190, 108, 0.12);\n        backdrop-filter: blur(16px);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n    .ld-panel__hint {\n        font-size: 12px;\n        color: var(--text-dim);\n        font-weight: 600;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n    .spxsp-ld-panel__tags {\n        display: flex;\n        gap: 8px;\n    }\n    .spxsp-ld-tag {\n        padding: 5px 12px;\n        border-radius: 99px;\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n    }\n    .spxsp-ld-tag--g {\n        background: rgba(79, 190, 108, 0.12);\n        color: var(--green);\n        border: 1px solid rgba(79, 190, 108, 0.2);\n    }\n    .spxsp-ld-tag--w {\n        background: rgba(80, 160, 220, 0.1);\n        color: #6cb8e8;\n        border: 1px solid rgba(80, 160, 220, 0.18);\n    }\n    .spxsp-ld-tag--e {\n        background: rgba(180, 160, 80, 0.1);\n        color: #c9b06a;\n        border: 1px solid rgba(180, 160, 80, 0.18);\n    }\n\n    \/* \u2500\u2500 VIDEO SHOWCASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-video-showcase {\n        padding: 120px 0;\n        background: rgba(0, 0, 0, 0.2);\n        position: relative;\n        overflow: hidden;\n    }\n    .spxsp-video-showcase::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, rgba(79, 190, 108, 0.3), transparent);\n    }\n    .spxsp-vs-grid {\n        display: grid;\n        grid-template-columns: 1.4fr 1fr;\n        gap: 24px;\n        align-items: start;\n    }\n    .spxsp-vs-main {\n        position: relative;\n        border-radius: var(--radius-l);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        box-shadow: var(--shadow);\n    }\n    .spxsp-vs-main__video {\n        width: 100%;\n        display: block;\n        aspect-ratio: 16\/9;\n        background: #0a1208;\n    }\n    .spxsp-vs-main__video iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        display: block;\n    }\n    .spxsp-vs-main__caption {\n        padding: 24px 26px;\n        background: var(--glass);\n        backdrop-filter: blur(16px);\n        border-top: 1px solid var(--line);\n    }\n    .spxsp-vs-main__tag {\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: var(--green);\n        margin-bottom: 8px;\n        display: block;\n    }\n    .spxsp-vs-main__title {\n        font-size: 22px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 6px;\n        line-height: 1.2;\n    }\n    .spxsp-vs-main__sub {\n        font-size: 14px;\n        color: var(--text-dim);\n        line-height: 1.65;\n    }\n\n    .spxsp-vs-stack {\n        display: grid;\n        grid-template-rows: auto auto;\n        gap: 20px;\n    }\n    .spxsp-vs-card {\n        border-radius: var(--radius);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        box-shadow: var(--shadow-s);\n        background: rgba(255, 255, 255, 0.02);\n        transition: 0.3s ease;\n        cursor: pointer;\n    }\n    .spxsp-vs-card:hover {\n        border-color: rgba(79, 190, 108, 0.25);\n        transform: translateY(-2px);\n    }\n    .spxsp-vs-card__video {\n        width: 100%;\n        display: block;\n        aspect-ratio: 16\/9;\n        background: #090f08;\n    }\n    .spxsp-vs-card__video iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        display: block;\n    }\n    .spxsp-vs-card__ .spxsp-vs-card__tag {\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: var(--green);\n        margin-bottom: 6px;\n        display: block;\n    }\n    .spxsp-vs-card__title {\n        font-size: 17px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 4px;\n        line-height: 1.2;\n    }\n    .spxsp-vs-card__sub {\n        font-size: 13px;\n        color: var(--text-dim);\n    }\n\n    \/* \u2500\u2500 ABOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-about {\n        position: relative;\n        min-height: 100vh;\n        display: flex;\n        align-items: stretch;\n        overflow: hidden;\n        padding: 0;\n        background: #071006;\n    }\n    .spxsp-about__video-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        overflow: hidden;\n        background: #071006;\n    }\n    .spxsp-about__video-bg iframe {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 177.77777778vh;\n        height: 56.25vw;\n        min-width: 100%;\n        min-height: 100%;\n        transform: translate(-50%, -50%) scale(1.08);\n        border: 0;\n        pointer-events: none;\n        filter: saturate(0.95) brightness(0.82) contrast(1.04);\n    }\n    .spxsp-about__video-bg::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n    }\n    .spxsp-about__noise {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        opacity: 0.045;\n        pointer-events: none;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n    }\n    .spxsp-about__grid {\n        position: relative;\n        z-index: 2;\n        min-height: 100vh;\n        display: grid;\n        grid-template-columns: minmax(0, 760px) 1fr;\n        align-items: center;\n        gap: 40px;\n        padding: 120px 0;\n    }\n    .spxsp-about__media {\n        display: none;\n    }\n    .spxsp-about__content {\n        max-width: 720px;\n    }\n    .spxsp-about .spxsp-eyebrow {\n        background: rgba(255, 255, 255, 0.08);\n        border-color: rgba(255, 255, 255, 0.12);\n        color: #d8f5c6;\n        backdrop-filter: blur(14px);\n    }\n    .spxsp-about .spxsp-eyebrow::before {\n        background: var(--green-3);\n        box-shadow: 0 0 10px var(--green-3);\n    }\n    .spxsp-about .spxsp-title {\n        max-width: 720px;\n        margin-bottom: 20px;\n        text-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);\n    }\n    .spxsp-about__desc {\n        max-width: 620px;\n        color: rgba(255, 255, 255, 0.76);\n        font-size: 18px;\n        line-height: 1.85;\n        margin-bottom: 0;\n        text-shadow: 0 6px 24px rgba(0, 0, 0, 0.28);\n    }\n    .spxsp-about__features {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 14px;\n        margin-top: 32px;\n        max-width: 840px;\n    }\n    .spxsp-feat {\n        min-height: 132px;\n        padding: 18px 18px 16px;\n        border-radius: 22px;\n        background: rgba(8, 18, 7, 0.48);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(18px);\n        -webkit-backdrop-filter: blur(18px);\n        box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);\n        transition: 0.3s ease;\n    }\n    .spxsp-feat:hover {\n        background: rgba(20, 42, 16, 0.58);\n        border-color: rgba(168, 216, 120, 0.24);\n        transform: translateY(-3px);\n    }\n    .spxsp-feat__icon {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 42px;\n        height: 42px;\n        margin-bottom: 12px;\n        border-radius: 14px;\n        background: rgba(168, 216, 120, 0.12);\n        font-size: 20px;\n    }\n    .spxsp-feat__name {\n        font-size: 15px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 6px;\n        line-height: 1.3;\n    }\n    .spxsp-feat__text {\n        font-size: 13px;\n        color: rgba(255, 255, 255, 0.64);\n        line-height: 1.65;\n    }\n    .spxsp-about__mini-card {\n        display: inline-flex;\n        align-items: center;\n        gap: 14px;\n        margin-top: 22px;\n        padding: 14px 18px;\n        width: auto;\n        max-width: 440px;\n        background: rgba(8, 18, 7, 0.56);\n        border: 1px solid rgba(255, 255, 255, 0.11);\n        border-radius: 18px;\n        backdrop-filter: blur(18px);\n        -webkit-backdrop-filter: blur(18px);\n        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.2);\n        animation: none;\n        position: static;\n    }\n    .spxsp-about__mini-card__num {\n        font-size: 34px;\n        font-weight: 900;\n        color: #fff;\n        letter-spacing: -0.05em;\n        line-height: 1;\n        margin-bottom: 0;\n        white-space: nowrap;\n    }\n    .spxsp-about__mini-card__label {\n        font-size: 13px;\n        color: rgba(255, 255, 255, 0.68);\n        line-height: 1.55;\n    }\n\n    \/* \u2500\u2500 BENEFITS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .benefits {\n        padding: 120px 0;\n        background: rgba(0, 0, 0, 0.15);\n        position: relative;\n        overflow: hidden;\n    }\n    .benefits::after {\n        content: \"\";\n        position: absolute;\n        right: -200px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 600px;\n        height: 600px;\n        border-radius: 99px;\n        background: radial-gradient(circle, rgba(46, 139, 80, 0.08), transparent 70%);\n        pointer-events: none;\n    }\n    .spxsp-ben-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n        margin-top: 56px;\n    }\n    .spxsp-ben {\n        padding: 32px 28px;\n        border-radius: var(--radius);\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        position: relative;\n        overflow: hidden;\n        transition: 0.4s ease;\n        cursor: default;\n    }\n    .spxsp-ben:hover {\n        background: rgba(79, 190, 108, 0.05);\n        border-color: rgba(79, 190, 108, 0.2);\n    }\n    .spxsp-ben__num {\n        font-size: 72px;\n        font-weight: 900;\n        color: rgba(79, 190, 108, 0.07);\n        line-height: 1;\n        letter-spacing: -0.06em;\n        position: absolute;\n        right: 18px;\n        top: 10px;\n        pointer-events: none;\n    }\n    .spxsp-ben__icon {\n        font-size: 32px;\n        margin-bottom: 14px;\n        display: block;\n    }\n    .spxsp-ben__title {\n        font-size: 22px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 10px;\n        line-height: 1.2;\n    }\n    .spxsp-ben__text {\n        font-size: 15px;\n        color: var(--text-dim);\n        line-height: 1.8;\n    }\n\n    \/* \u2500\u2500 BANNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-banner {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-banner__card {\n        position: relative;\n        border-radius: var(--radius-l);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        box-shadow: var(--shadow);\n        \/* \u0414\u0432\u043e\u043a\u043e\u043b\u043e\u043d\u043a\u043e\u0432\u0438\u0439: t\u0435\u043a\u0441t + \u0444\u043et\u043e *\/\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        min-height: 580px;\n        background: linear-gradient(135deg, #060f05 0%, #0d1e0b 100%);\n    }\n    \/* \u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0438\u0439 \u0444\u043e\u043d\u043e\u0432\u0438\u0439 \u043e\u0440\u0431 *\/\n    .spxsp-banner__card::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        background:\n            radial-gradient(ellipse 60% 80% at 0% 50%, rgba(46, 139, 80, 0.14), transparent),\n            radial-gradient(ellipse 40% 60% at 100% 30%, rgba(79, 190, 108, 0.07), transparent);\n    }\n    \/* \u041b\u0456\u0432\u0430 \u0447\u0430\u0441t\u0438\u043d\u0430 \u2014 t\u0435\u043a\u0441t *\/\n    .spxsp-banner__left {\n        position: relative;\n        z-index: 2;\n        padding: 60px 56px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        border-right: 1px solid rgba(255, 255, 255, 0.07);\n    }\n    .spxsp-banner__left h2 {\n        font-size: clamp(34px, 4.2vw, 58px);\n        line-height: 0.97;\n        letter-spacing: -0.04em;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 16px;\n    }\n    .spxsp-banner__left p {\n        color: rgba(255, 255, 255, 0.62);\n        font-size: 17px;\n        line-height: 1.85;\n        max-width: 460px;\n        margin-bottom: 32px;\n    }\n    \/* \u041f\u0440\u0430\u0432\u0430 \u0447\u0430\u0441t\u0438\u043d\u0430 \u2014 \u0444\u043et\u043e *\/\n    .spxsp-banner__photo {\n        position: relative;\n        z-index: 2;\n        overflow: hidden;\n    }\n    .spxsp-banner__photo img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.8s ease;\n    }\n    .spxsp-banner__card:hover .spxsp-banner__photo img {\n        transform: scale(1.04);\n    }\n    \/* Placeholder \u044f\u043a\u0449\u043e \u0444\u043et\u043e \u0449\u0435 \u043d\u0435m\u0430\u0454 *\/\n    .spxsp-banner__photo-placeholder {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 16px;\n        background: radial-gradient(ellipse 70% 60% at 50% 40%, rgba(79, 190, 108, 0.12), transparent), linear-gradient(160deg, #0d1e0a, #081508);\n    }\n    .spxsp-banner__photo-placeholder__icon {\n        font-size: 80px;\n        filter: drop-shadow(0 0 30px rgba(79, 190, 108, 0.45));\n    }\n    .spxsp-banner__photo-placeholder__hint {\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.16em;\n        text-transform: uppercase;\n        color: rgba(168, 216, 120, 0.35);\n        text-align: center;\n        max-width: 200px;\n        line-height: 1.7;\n    }\n    \/* \u0420\u0435\u043a\u043em\u0435\u043d\u0434\u043e\u0432\u0430\u043d\u0438\u0439 t\u0438\u043f \u0444\u043et\u043e \u2014 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0430 *\/\n    .spxsp-banner__photo-rec {\n        position: absolute;\n        bottom: 18px;\n        left: 18px;\n        right: 18px;\n        padding: 12px 16px;\n        background: rgba(8, 14, 6, 0.82);\n        border: 1px solid rgba(79, 190, 108, 0.18);\n        border-radius: 16px;\n        backdrop-filter: blur(16px);\n        font-size: 12px;\n        color: rgba(168, 216, 120, 0.7);\n        line-height: 1.6;\n        font-weight: 600;\n    }\n\n    \/* \u2500\u2500 USES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-uses {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-uses__grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n        margin-top: 56px;\n    }\n    .spxsp-use-card {\n        border-radius: var(--radius);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        background: rgba(255, 255, 255, 0.02);\n        transition: 0.4s ease;\n        cursor: default;\n        position: relative;\n    }\n    .spxsp-use-card:hover {\n        transform: translateY(-6px);\n        border-color: rgba(79, 190, 108, 0.25);\n        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);\n    }\n    .spxsp-use-card__image {\n        height: 210px;\n        overflow: hidden;\n        position: relative;\n        background: linear-gradient(135deg, #0a1a0a, #121f10);\n    }\n    .spxsp-use-card__image-icon {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 52px;\n    }\n    .spxsp-use-card__image-icon img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n    .spxsp-use-card__ .spxsp-use-card__title {\n        font-size: 20px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 8px;\n        line-height: 1.2;\n    }\n    .spxsp-use-card__text {\n        font-size: 14px;\n        color: var(--text-dim);\n        line-height: 1.75;\n    }\n\n    \/* \u2500\u2500 STEPS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-steps {\n        padding: 120px 0;\n        background: rgba(0, 0, 0, 0.2);\n        position: relative;\n    }\n    .spxsp-steps::before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, rgba(79, 190, 108, 0.2), transparent);\n    }\n    .spxsp-steps__grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0;\n        margin-top: 56px;\n        position: relative;\n    }\n    .spxsp-steps__grid::before {\n        content: \"\";\n        position: absolute;\n        top: 56px;\n        left: calc(16.6% + 24px);\n        right: calc(16.6% + 24px);\n        height: 2px;\n        background: linear-gradient(90deg, var(--green-2), rgba(79, 190, 108, 0.2), var(--green-2));\n        border-radius: 99px;\n        z-index: 1;\n    }\n    .spxsp-step {\n        position: relative;\n        z-index: 2;\n        padding: 0 24px;\n        text-align: center;\n    }\n    .spxsp-step__num-wrap {\n        width: 112px;\n        height: 112px;\n        border-radius: 99px;\n        margin: 0 auto 28px;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    .spxsp-step__num-ring {\n        position: absolute;\n        inset: 0;\n        border-radius: 99px;\n        border: 2px solid rgba(79, 190, 108, 0.25);\n        animation: spxsp-ringPulse 3s ease-in-out infinite;\n    }\n    .spxsp-step__num-ring-2 {\n        position: absolute;\n        inset: -8px;\n        border-radius: 99px;\n        border: 1px solid rgba(79, 190, 108, 0.1);\n        animation: spxsp-ringPulse 3s ease-in-out infinite;\n        animation-delay: 0.6s;\n    }\n    @keyframes spxsp-ringPulse {\n        0%,\n        100% {\n            opacity: 0.5;\n            transform: scale(1);\n        }\n        50% {\n            opacity: 1;\n            transform: scale(1.03);\n        }\n    }\n    .spxsp-step__num-bg {\n        width: 80px;\n        height: 80px;\n        border-radius: 99px;\n        background: linear-gradient(135deg, var(--green-2), rgba(46, 139, 80, 0.5));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 28px;\n        font-weight: 900;\n        color: #fff;\n        box-shadow: 0 8px 28px rgba(46, 139, 80, 0.35);\n    }\n    .spxsp-step__title {\n        font-size: 20px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 12px;\n        line-height: 1.2;\n    }\n    .spxsp-step__text {\n        font-size: 14px;\n        color: var(--text-dim);\n        line-height: 1.8;\n    }\n\n    \/* \u2500\u2500 GALLERY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-gallery {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-gallery__masonry {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        grid-auto-rows: 220px;\n        gap: 16px;\n        margin-top: 56px;\n    }\n    .spxsp-gallery__item {\n        border-radius: 22px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        background: #0a1208;\n        position: relative;\n    }\n    .spxsp-gallery__item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.7s ease;\n    }\n    .spxsp-gallery__item:hover img {\n        transform: scale(1.06);\n    }\n    .spxsp-gallery__item--lg {\n        grid-column: span 2;\n        grid-row: span 2;\n    }\n    .spxsp-gallery__item--tall {\n        grid-row: span 2;\n    }\n    .spxsp-gallery__item-icon {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 48px;\n        background: linear-gradient(135deg, #0a1a0a, #111e0f);\n    }\n\n    \/* \u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-faq {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-faq__list {\n        display: grid;\n        gap: 14px;\n        max-width: 920px;\n        margin-top: 56px;\n    }\n    .spxsp-faq__item {\n        border-radius: 22px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        background: rgba(255, 255, 255, 0.02);\n        transition: 0.3s;\n    }\n    .spxsp-faq__item[open] {\n        background: rgba(79, 190, 108, 0.04);\n        border-color: rgba(79, 190, 108, 0.2);\n    }\n    .spxsp-faq__item summary {\n        list-style: none;\n        cursor: pointer;\n        padding: 24px 28px;\n        font-size: 18px;\n        font-weight: 800;\n        color: #fff;\n        position: relative;\n        transition: 0.25s;\n    }\n    .spxsp-faq__item summary::-webkit-details-marker {\n        display: none;\n    }\n    .spxsp-faq__item summary::after {\n        content: \"+\";\n        position: absolute;\n        right: 26px;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 28px;\n        line-height: 1;\n        color: var(--green);\n        font-weight: 400;\n    }\n    .spxsp-faq__item[open] summary::after {\n        content: \"\u2013\";\n    }\n    .spxsp-faq__item div {\n        padding: 0 28px 24px;\n        color: var(--text-dim);\n        font-size: 15px;\n        line-height: 1.85;\n    }\n\n    \/* \u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-cta {\n        padding: 120px 0;\n        position: relative;\n    }\n    .spxsp-cta__card {\n        border-radius: var(--radius-l);\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        box-shadow: var(--shadow);\n        position: relative;\n        min-height: 480px;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n    }\n    .spxsp-cta__bg {\n        position: absolute;\n        inset: 0;\n        background:\n            radial-gradient(ellipse 60% 80% at 0% 50%, rgba(46, 139, 80, 0.15), transparent),\n            radial-gradient(ellipse 60% 60% at 100% 60%, rgba(79, 190, 108, 0.08), transparent), linear-gradient(135deg, #0d1a0b, #0a1208);\n    }\n    .spxsp-cta__left {\n        position: relative;\n        z-index: 2;\n        padding: 52px 48px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        border-right: 1px solid rgba(255, 255, 255, 0.07);\n    }\n    .spxsp-cta__left h2 {\n        font-size: clamp(34px, 4vw, 54px);\n        line-height: 0.97;\n        letter-spacing: -0.04em;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 14px;\n    }\n    .spxsp-cta__left p {\n        color: var(--text-dim);\n        font-size: 17px;\n        line-height: 1.85;\n        margin-bottom: 30px;\n    }\n    .spxsp-cta__actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 14px;\n    }\n    .spxsp-cta__right {\n        position: relative;\n        z-index: 2;\n        padding: 52px 48px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        gap: 20px;\n    }\n    .spxsp-cta__feature {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n        padding: 20px 18px;\n        border-radius: 18px;\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        transition: 0.25s;\n    }\n    .spxsp-cta__feature:hover {\n        background: rgba(79, 190, 108, 0.06);\n        border-color: rgba(79, 190, 108, 0.15);\n    }\n    .spxsp-cta__feature__icon {\n        font-size: 28px;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }\n    .spxsp-cta__feature__name {\n        font-size: 15px;\n        font-weight: 800;\n        color: #fff;\n        margin-bottom: 4px;\n    }\n    .spxsp-cta__feature__text {\n        font-size: 13px;\n        color: var(--text-dim);\n        line-height: 1.6;\n    }\n\n    \/* \u2500\u2500 REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-reveal {\n        opacity: 0;\n        transform: translate3d(0, 30px, 0) scale(0.984);\n        transition:\n            opacity 0.9s ease,\n            transform 0.9s cubic-bezier(0.15, 0.75, 0.15, 1);\n        transition-delay: var(--d, 0s);\n    }\n    .spxsp-reveal--left {\n        transform: translate3d(-36px, 0, 0);\n    }\n    .spxsp-reveal--right {\n        transform: translate3d(36px, 0, 0);\n    }\n    .spxsp-reveal.is-vis {\n        opacity: 1;\n        transform: none;\n    }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @media (max-width: 1100px) {\n        .spxsp-hero__content,\n        .spxsp-cta__card {\n            grid-template-columns: 1fr;\n        }\n        .hero__right {\n            display: none;\n        }\n        .spxsp-layers-grid,\n        .spxsp-vs-grid,\n        .spxsp-about__grid {\n            grid-template-columns: 1fr;\n        }\n        .spxsp-about {\n            min-height: auto;\n        }\n        .spxsp-about__grid {\n            min-height: auto;\n            padding: 110px 0;\n        }\n        .spxsp-about__features {\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n        }\n        .spxsp-uses__grid,\n        .spxsp-steps__grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        .spxsp-ben-grid {\n            grid-template-columns: 1fr;\n        }\n        .spxsp-gallery__masonry {\n            grid-template-columns: repeat(3, 1fr);\n        }\n        .spxsp-statsbar__inner {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        .spxsp-stat-item {\n            border-right: none;\n            border-bottom: 1px solid var(--line);\n        }\n        .spxsp-cta__left {\n            border-right: none;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n        }\n\n        .spxsp-banner__card {\n            grid-template-columns: 1fr;\n        }\n        .spxsp-banner__photo {\n            min-height: 320px;\n        }\n    }\n    @media (max-width: 767px) {\n        .spxsp-wrap {\n            padding: 0 18px;\n        }\n        .spxsp-hero,\n        .spxsp-about,\n        .benefits,\n        .spxsp-banner,\n        .spxsp-uses,\n        .spxsp-steps,\n        .spxsp-gallery,\n        .spxsp-faq,\n        .spxsp-cta,\n        .spxsp-layers-section,\n        .spxsp-video-showcase {\n            padding: 80px 0;\n        }\n        .spxsp-hero__title {\n            font-size: clamp(40px, 12vw, 60px);\n        }\n        .spxsp-title {\n            font-size: clamp(32px, 10vw, 44px);\n        }\n        .spxsp-hero__stats,\n        .spxsp-uses__grid,\n        .spxsp-steps__grid {\n            grid-template-columns: 1fr;\n        }\n        .spxsp-about__grid {\n            padding: 88px 0;\n        }\n        .spxsp-about__video-bg iframe {\n            transform: translate(-50%, -50%) scale(1.18);\n        }\n        .spxsp-about__features {\n            grid-template-columns: 1fr;\n            max-width: 100%;\n        }\n        .spxsp-about__mini-card {\n            max-width: 100%;\n            align-items: flex-start;\n            flex-direction: column;\n            gap: 8px;\n        }\n        .spxsp-about__desc {\n            font-size: 16px;\n            max-width: 100%;\n        }\n        .spxsp-gallery__masonry {\n            grid-template-columns: 1fr 1fr;\n            grid-auto-rows: 180px;\n        }\n        .spxsp-gallery__item--lg,\n        .spxsp-gallery__item--tall {\n            grid-column: auto;\n            grid-row: auto;\n        }\n        .spxsp-steps__grid::before {\n            display: none;\n        }\n        .spxsp-about__mini-card {\n            position: static;\n            margin-top: 22px;\n            width: auto;\n        }\n        .spxsp-banner__left {\n            padding: 36px 24px;\n        }\n        .spxsp-banner__photo {\n            min-height: 260px;\n        }\n    }\n    @media (prefers-reduced-motion: reduce) {\n        .spxsp-reveal,\n        .spxsp-btn,\n        .spxsp-wave,\n        .bubble,\n        .particle,\n        .orb,\n        .spxsp-hero__scrollen-line {\n            transition: none !important;\n            animation: none !important;\n            transform: none !important;\n            opacity: 1 !important;\n        }\n    }\n    .spxsp-use-card__body {\n        padding: 22px 20px 26px;\n    }\n    .spxsp-vs-card__body {\n        padding: 18px 20px;\n    }\n\n    \/* \u2500\u2500 CERTIFICATES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-certs {\n        padding: 120px 0;\n        position: relative;\n    }\n\n    .spxsp-certs__grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n        margin-top: 56px;\n    }\n\n    .spxsp-cert-card {\n        display: block;\n        text-decoration: none;\n        border-radius: 24px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        background: rgba(255, 255, 255, 0.03);\n        box-shadow: var(--shadow-s);\n        transition: 0.35s ease;\n    }\n\n    .spxsp-cert-card:hover {\n        transform: translateY(-6px);\n        border-color: rgba(79, 190, 108, 0.25);\n        box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);\n    }\n\n    .spxsp-cert-card__preview {\n        aspect-ratio: 3 \/ 4;\n        background: linear-gradient(135deg, #101810, #182217);\n        overflow: hidden;\n        position: relative;\n    }\n\n    .spxsp-cert-card__preview img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n\n    .spxsp-cert-card:hover .spxsp-cert-card__preview img {\n        transform: scale(1.03);\n    }\n\n    .spxsp-cert-card__body {\n        padding: 18px 18px 20px;\n    }\n\n    .spxsp-cert-card__meta {\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: var(--green);\n        margin-bottom: 8px;\n    }\n\n    .spxsp-cert-card__title {\n        font-size: 18px;\n        font-weight: 800;\n        color: #fff;\n        line-height: 1.25;\n        margin-bottom: 6px;\n    }\n\n    .spxsp-cert-card__hint {\n        font-size: 13px;\n        color: var(--text-dim);\n        line-height: 1.6;\n    }\n\n    \/* lightbox *\/\n    .spxsp-cert-lightbox {\n        position: fixed;\n        inset: 0;\n        z-index: 9999;\n        background: rgba(3, 8, 3, 0.88);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 40px;\n        opacity: 0;\n        visibility: hidden;\n        transition: 0.28s ease;\n    }\n\n    .spxsp-cert-lightbox.is-open {\n        opacity: 1;\n        visibility: visible;\n    }\n\n    .spxsp-cert-lightbox__inner {\n        max-width: min(1100px, 92vw);\n        max-height: 90vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .spxsp-cert-lightbox__inner img {\n        max-width: 100%;\n        max-height: 90vh;\n        width: auto;\n        height: auto;\n        display: block;\n        border-radius: 18px;\n        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\n        background: #fff;\n    }\n\n    .spxsp-cert-lightbox__close {\n        position: absolute;\n        top: 22px;\n        right: 22px;\n        width: 52px;\n        height: 52px;\n        border: none;\n        border-radius: 999px;\n        cursor: pointer;\n        font-size: 34px;\n        line-height: 1;\n        color: #fff;\n        background: rgba(255, 255, 255, 0.08);\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        transition: 0.25s ease;\n    }\n\n    .spxsp-cert-lightbox__close:hover {\n        background: rgba(255, 255, 255, 0.16);\n        transform: scale(1.05);\n    }\n\n    @media (max-width: 1100px) {\n        .spxsp-certs__grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 767px) {\n        .spxsp-certs {\n            padding: 80px 0;\n        }\n\n        .spxsp-certs__grid {\n            grid-template-columns: 1fr;\n        }\n\n        .spxsp-cert-lightbox {\n            padding: 20px;\n        }\n\n        .spxsp-cert-lightbox__close {\n            top: 14px;\n            right: 14px;\n            width: 46px;\n            height: 46px;\n            font-size: 30px;\n        }\n    }\n    \/* \u2500\u2500 CERTIFICATES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .spxsp-certs {\n        padding: 120px 0;\n        position: relative;\n    }\n\n    .spxsp-certs__grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n        margin-top: 56px;\n    }\n\n    .spxsp-cert-card {\n        display: block;\n        text-decoration: none;\n        border-radius: 24px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        background: rgba(255, 255, 255, 0.03);\n        box-shadow: var(--shadow-s);\n        transition: 0.35s ease;\n    }\n\n    .spxsp-cert-card:hover {\n        transform: translateY(-6px);\n        border-color: rgba(79, 190, 108, 0.25);\n        box-shadow: 0 22px 50px rgba(0, 0, 0, 0.42);\n    }\n\n    .spxsp-cert-card__preview {\n        aspect-ratio: 3 \/ 4;\n        background: linear-gradient(135deg, #101810, #182217);\n        overflow: hidden;\n        position: relative;\n    }\n\n    .spxsp-cert-card__preview img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n\n    .spxsp-cert-card:hover .spxsp-cert-card__preview img {\n        transform: scale(1.03);\n    }\n\n    .spxsp-cert-card__body {\n        padding: 18px 18px 20px;\n    }\n\n    .spxsp-cert-card__meta {\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        text-transform: uppercase;\n        color: var(--green);\n        margin-bottom: 8px;\n    }\n\n    .spxsp-cert-card__title {\n        font-size: 18px;\n        font-weight: 800;\n        color: #fff;\n        line-height: 1.25;\n        margin-bottom: 6px;\n    }\n\n    .spxsp-cert-card__hint {\n        font-size: 13px;\n        color: var(--text-dim);\n        line-height: 1.6;\n    }\n\n    \/* lightbox *\/\n    .spxsp-cert-lightbox {\n        position: fixed;\n        inset: 0;\n        z-index: 9999;\n        background: rgba(3, 8, 3, 0.88);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 40px;\n        opacity: 0;\n        visibility: hidden;\n        transition: 0.28s ease;\n    }\n\n    .spxsp-cert-lightbox.is-open {\n        opacity: 1;\n        visibility: visible;\n    }\n\n    .spxsp-cert-lightbox__inner {\n        max-width: min(1100px, 92vw);\n        max-height: 90vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .spxsp-cert-lightbox__inner img {\n        max-width: 100%;\n        max-height: 90vh;\n        width: auto;\n        height: auto;\n        display: block;\n        border-radius: 18px;\n        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\n        background: #fff;\n    }\n\n    .spxsp-cert-lightbox__close {\n        position: absolute;\n        top: 22px;\n        right: 22px;\n        width: 52px;\n        height: 52px;\n        border: none;\n        border-radius: 999px;\n        cursor: pointer;\n        font-size: 34px;\n        line-height: 1;\n        color: #fff;\n        background: rgba(255, 255, 255, 0.08);\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        transition: 0.25s ease;\n    }\n\n    .spxsp-cert-lightbox__close:hover {\n        background: rgba(255, 255, 255, 0.16);\n        transform: scale(1.05);\n    }\n\n    @media (max-width: 1100px) {\n        .spxsp-certs__grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 767px) {\n        .spxsp-certs {\n            padding: 80px 0;\n        }\n\n        .spxsp-certs__grid {\n            grid-template-columns: 1fr;\n        }\n\n        .spxsp-cert-lightbox {\n            padding: 20px;\n        }\n\n        .spxsp-cert-lightbox__close {\n            top: 14px;\n            right: 14px;\n            width: 46px;\n            height: 46px;\n            font-size: 30px;\n        }\n    }\n    .cta-inquiry-v2,\n    .cta-inquiry-v2 * {\n        box-sizing: border-box;\n    }\n\n    .cta-inquiry-v2 {\n        padding: 28px 20px;\n        background: #020a04;\n        font-family: Montserrat, sans-serif;\n    }\n\n    .cta-inquiry-v2__box {\n        max-width: 1360px;\n        margin: 0 auto;\n        border: 1px solid rgba(116, 255, 153, 0.08);\n        border-radius: 36px;\n        overflow: hidden;\n        background:\n            radial-gradient(circle at 12% 18%, rgba(40, 143, 73, 0.22), transparent 32%),\n            radial-gradient(circle at 75% 50%, rgba(40, 143, 73, 0.08), transparent 38%), linear-gradient(180deg, #041108 0%, #020a04 100%);\n        box-shadow:\n            inset 0 0 0 1px rgba(255, 255, 255, 0.02),\n            0 0 40px rgba(10, 60, 20, 0.14);\n    }\n\n    .cta-inquiry-v2__grid {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) 500px;\n        align-items: stretch;\n    }\n\n    .cta-inquiry-v2__left {\n        padding: 54px 48px;\n        border-right: 1px solid rgba(116, 255, 153, 0.06);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .cta-inquiry-v2__right {\n        padding: 30px 36px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .cta-inquiry-v2__badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        min-height: 44px;\n        padding: 0 18px;\n        border-radius: 999px;\n        border: 1px solid rgba(116, 255, 153, 0.14);\n        background: rgba(36, 97, 49, 0.18);\n        color: #6ee28d;\n        font-size: 13px;\n        font-weight: 800;\n        letter-spacing: 0.14em;\n        width: fit-content;\n        margin-bottom: 26px;\n    }\n\n    .cta-inquiry-v2__badge::before {\n        content: \"\";\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: #57d97d;\n        box-shadow: 0 0 10px rgba(87, 217, 125, 0.5);\n    }\n\n    .cta-inquiry-v2__title {\n        margin: 0 0 22px;\n        color: #f3f5ef;\n        font-size: clamp(44px, 4.6vw, 74px);\n        line-height: 0.95;\n        letter-spacing: -0.05em;\n        font-weight: 900;\n        max-width: 700px;\n    }\n\n    .cta-inquiry-v2__text {\n        margin: 0;\n        max-width: 700px;\n        color: rgba(233, 240, 228, 0.7);\n        font-size: 18px;\n        line-height: 1.7;\n    }\n\n    .cta-inquiry-v2__points {\n        display: grid;\n        gap: 16px;\n        margin-top: 34px;\n        max-width: 680px;\n    }\n\n    .cta-inquiry-v2__point {\n        display: flex;\n        gap: 14px;\n        align-items: flex-start;\n        padding: 16px 18px;\n        border-radius: 22px;\n        background: rgba(255, 255, 255, 0.025);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        backdrop-filter: blur(10px);\n    }\n\n    .cta-inquiry-v2__icon {\n        width: 42px;\n        height: 42px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(111, 226, 141, 0.1);\n        font-size: 20px;\n        flex-shrink: 0;\n    }\n\n    .cta-inquiry-v2__point strong {\n        display: block;\n        color: #f4f6f1;\n        font-size: 17px;\n        line-height: 1.3;\n        font-weight: 800;\n        margin-bottom: 4px;\n    }\n\n    .cta-inquiry-v2__point span {\n        display: block;\n        color: rgba(233, 240, 228, 0.54);\n        font-size: 14px;\n        line-height: 1.55;\n    }\n\n    .cta-inquiry-v2__form-card {\n        width: 100%;\n        max-width: 500px;\n        border-radius: 28px;\n        padding: 24px;\n        background: rgba(7, 18, 9, 0.78);\n        border: 1px solid rgba(255, 255, 255, 0.06);\n        box-shadow:\n            0 16px 36px rgba(0, 0, 0, 0.18),\n            inset 0 1px 0 rgba(255, 255, 255, 0.03);\n        backdrop-filter: blur(16px);\n    }\n\n    .cta-proxy-form-v2__grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 14px;\n    }\n\n    .cta-proxy-field-v2 {\n        position: relative;\n    }\n\n    .cta-proxy-field-v2--full {\n        grid-column: 1 \/ -1;\n    }\n\n    .cta-proxy-field-v2 label {\n        display: block;\n        margin: 0 0 7px;\n        color: #f3f5ef;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.3;\n    }\n\n    .cta-proxy-field-v2 input,\n    .cta-proxy-field-v2 textarea {\n        width: 100%;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        background: rgba(255, 255, 255, 0.035);\n        border-radius: 14px;\n        color: #f3f5ef;\n        font-family: Montserrat, sans-serif;\n        outline: none;\n        transition: 0.22s ease;\n        box-shadow: none;\n        appearance: none;\n        -webkit-appearance: none;\n    }\n\n    .cta-proxy-field-v2 input {\n        min-height: 48px;\n        padding: 0 14px;\n        font-size: 13px;\n    }\n\n    .cta-proxy-field-v2 textarea {\n        min-height: 120px;\n        resize: vertical;\n        padding: 14px;\n        font-size: 13px;\n        line-height: 1.55;\n    }\n\n    .cta-proxy-field-v2 input::placeholder,\n    .cta-proxy-field-v2 textarea::placeholder {\n        color: rgba(233, 240, 228, 0.34);\n    }\n\n    .cta-proxy-field-v2 input:focus,\n    .cta-proxy-field-v2 textarea:focus {\n        border-color: rgba(110, 226, 141, 0.34);\n        background: rgba(255, 255, 255, 0.05);\n        box-shadow: 0 0 0 3px rgba(110, 226, 141, 0.08);\n    }\n\n    \n.cta-proxy-check-v2 {\n        display: grid !important;\n        grid-template-columns: 34px 1fr;\n        align-items: start;\n        gap: 16px;\n        cursor: pointer;\n        user-select: none;\n        margin: 0 !important;\n        position: relative;\n    }\n\n    .cta-proxy-check-v2 input[type=\"checkbox\"] {\n        position: absolute;\n        opacity: 0;\n        left: 0;\n        top: 0;\n        width: 34px;\n        height: 34px;\n        margin: 0;\n        cursor: pointer;\n    }\n\n    .cta-proxy-check-v2__box {\n        width: 34px;\n        height: 34px;\n        min-width: 34px;\n        border-radius: 12px;\n        border: 1.5px solid rgba(255, 255, 255, 0.18);\n        background: rgba(255, 255, 255, 0.03);\n        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.02);\n        position: relative;\n        transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;\n        flex-shrink: 0;\n    }\n\n    .cta-proxy-check-v2:hover .cta-proxy-check-v2__box {\n        border-color: rgba(110, 226, 141, 0.45);\n    }\n\n    .cta-proxy-check-v2 input[type=\"checkbox\"]:focus-visible + .cta-proxy-check-v2__box {\n        box-shadow: 0 0 0 3px rgba(78, 149, 255, 0.35), 0 0 0 6px rgba(78, 149, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.04);\n    }\n\n    .cta-proxy-check-v2 input[type=\"checkbox\"]:checked + .cta-proxy-check-v2__box {\n        background: linear-gradient(180deg, #4fbe6c 0%, #2e8b50 100%);\n        border-color: #57d97d;\n        box-shadow: 0 0 0 1px rgba(87, 217, 125, 0.22), 0 0 18px rgba(87, 217, 125, 0.22);\n    }\n\n    .cta-proxy-check-v2__box::after {\n        content: \"\";\n        position: absolute;\n        left: 11px;\n        top: 7px;\n        width: 8px;\n        height: 14px;\n        border-right: 2px solid transparent;\n        border-bottom: 2px solid transparent;\n        transform: rotate(45deg);\n        opacity: 0;\n        transition: opacity 0.18s ease, border-color 0.18s ease;\n    }\n\n    .cta-proxy-check-v2 input[type=\"checkbox\"]:checked + .cta-proxy-check-v2__box::after {\n        opacity: 1;\n        border-color: #fff;\n    }\n\n    .cta-proxy-check-v2__text {\n        color: rgba(233, 240, 228, 0.78);\n        font-size: 12px;\n        line-height: 1.6;\n        padding-top: 1px;\n        display: block;\n    }\n\n    .cta-proxy-field-v2.bad .cta-proxy-check-v2__box {\n        border-color: #ff8f8f;\n        box-shadow: 0 0 0 1px rgba(255, 143, 143, 0.18);\n    }\n\n    .cta-proxy-submit-v2 {\n        min-height: 52px;\n        width: 100%;\n        border: none;\n        border-radius: 16px;\n        cursor: pointer;\n        font-family: Montserrat, sans-serif;\n        font-size: 15px;\n        font-weight: 800;\n        letter-spacing: 0.01em;\n        color: #fff;\n        background: linear-gradient(180deg, #4ac56c 0%, #42b861 100%);\n        box-shadow: 0 12px 24px rgba(68, 184, 97, 0.22);\n        transition: 0.25s ease;\n    }\n\n    .cta-proxy-submit-v2:hover {\n        transform: translateY(-1px);\n        box-shadow: 0 16px 30px rgba(68, 184, 97, 0.26);\n    }\n\n    .cta-proxy-submit-v2:disabled {\n        opacity: 0.7;\n        cursor: not-allowed;\n        transform: none;\n    }\n\n    .cta-proxy-error-v2 {\n        display: none;\n        margin-top: 7px;\n        color: #ff9f9f;\n        font-size: 11px;\n        line-height: 1.35;\n    }\n\n    .cta-proxy-field-v2.bad .cta-proxy-error-v2 {\n        display: block;\n    }\n\n    .cta-proxy-field-v2.bad input,\n    .cta-proxy-field-v2.bad textarea {\n        border-color: rgba(255, 111, 111, 0.35);\n        box-shadow: 0 0 0 3px rgba(255, 111, 111, 0.05);\n    }\n\n    .cta-proxy-field-v2.bad .cta-proxy-check-v2 input[type=\"checkbox\"] {\n        border-color: rgba(255, 111, 111, 0.55);\n        box-shadow: 0 0 0 3px rgba(255, 111, 111, 0.08);\n    }\n\n    .cta-proxy-status-v2 {\n        display: none;\n        margin-top: 12px;\n        padding: 12px 14px;\n        border-radius: 14px;\n        font-size: 12px;\n        line-height: 1.5;\n        font-weight: 600;\n    }\n\n    .cta-proxy-status-v2.show {\n        display: block;\n    }\n\n    .cta-proxy-status-v2.ok {\n        background: rgba(73, 197, 109, 0.1);\n        border: 1px solid rgba(73, 197, 109, 0.2);\n        color: #8ff0a9;\n    }\n\n    .cta-proxy-status-v2.err {\n        background: rgba(255, 111, 111, 0.08);\n        border: 1px solid rgba(255, 111, 111, 0.16);\n        color: #ffb3b3;\n    }\n\n    .cta-cf7-hidden-v2 {\n        position: absolute !important;\n        left: -9999px !important;\n        top: -9999px !important;\n        width: 1px !important;\n        height: 1px !important;\n        overflow: hidden !important;\n        opacity: 0 !important;\n        pointer-events: none !important;\n    }\n\n    @media (max-width: 1180px) {\n        .cta-inquiry-v2__grid {\n            grid-template-columns: 1fr;\n        }\n\n        .cta-inquiry-v2__left {\n            border-right: none;\n            border-bottom: 1px solid rgba(116, 255, 153, 0.06);\n        }\n\n        .cta-inquiry-v2__right {\n            padding-top: 24px;\n        }\n\n        .cta-inquiry-v2__form-card {\n            max-width: 520px;\n            margin: 0 auto;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .cta-inquiry-v2 {\n            padding: 18px 12px;\n        }\n\n        .cta-inquiry-v2__box {\n            border-radius: 24px;\n        }\n\n        .cta-inquiry-v2__left,\n        .cta-inquiry-v2__right {\n            padding: 22px 16px;\n        }\n\n        .cta-inquiry-v2__title {\n            font-size: 46px;\n        }\n\n        .cta-inquiry-v2__text {\n            font-size: 15px;\n        }\n\n        .cta-proxy-form-v2__grid {\n            grid-template-columns: 1fr;\n        }\n\n        .cta-inquiry-v2__form-card {\n            padding: 18px;\n            border-radius: 20px;\n        }\n    }\n<\/style>\n<div class=\"spxsp-root\">\n    <section class=\"spxsp-hero\" id=\"spxsp-top\">\n        <div class=\"spxsp-hero__video-bg\">\n            <video autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"\/wp-content\/uploads\/2026\/03\/hero-poster1.jpg\" preload=\"auto\">\n                <source src=\"\/wp-content\/uploads\/2026\/03\/hero-video.mp4\" type=\"video\/mp4\" \/>\n                Wenn der Browser kein Video unterst\u00fctzt, wird die ::after-Ersatzebene angezeigt\n            <\/video>\n        <\/div>\n        <div class=\"spxsp-hero__overlay\"><\/div>\n        <div class=\"spxsp-hero__noise\"><\/div>\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-hero__content\">\n                <div class=\"spxsp-hero__left spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-hero__kicker\">\n                        <span class=\"spxsp-hero__kicker-dot\"><\/span>\n                        <span class=\"spxsp-hero__kicker-text\">Nat\u00fcrlicher Bodenverbesserer<\/span>\n                    <\/div>\n                    <h1 class=\"spxsp-hero__title\">Premium<br \/><em>Sapropel<\/em><br \/>f\u00fcr Ihren Boden<\/h1>\n                    <p class=\"spxsp-hero__desc\">\n                        Ein nat\u00fcrliches organisches Produkt zur Verbesserung der Bodenstruktur, zur Erh\u00f6hung der Feuchtigkeitsspeicherung und zur Schaffung optimaler Wachstumsbedingungen f\u00fcr Gem\u00fcseg\u00e4rten, Gew\u00e4chsh\u00e4user, Feldkulturen und Baumschulen.\n                    <\/p>\n                    <div class=\"spxsp-hero__actions\">\n                        <a class=\"spxsp-btn spxsp-btn-primary\" href=\"#contact\">\n                            Kontaktieren Sie uns<svg fill=\"none\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\" width=\"16\">\n                                <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.4 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.4 1.9.6 2.9.7A2 2 0 0 1 22 16.9z\"><\/path>\n                            <\/svg>\n                        <\/a>\n                        <a class=\"spxsp-btn spxsp-btn-ghost\" href=\"#spxsp-videos\">\n                            Video ansehen\n                            <svg fill=\"none\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2.2\" viewbox=\"0 0 24 24\" width=\"16\">\n                                <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                    <div class=\"spxsp-hero__stats\">\n                        <div class=\"spxsp-hero__stat\">\n                            <strong><span class=\"spxsp-counter spxsp-counter-hero\" data-target=\"10\">0 <\/span><span class=\"spxsp-suf\"> m<\/span><\/strong>\n                            <span>M\u00e4chtigkeit des Sapropelvorkommens<\/span>\n                        <\/div>\n                        <div class=\"spxsp-hero__stat\">\n                            <strong><span class=\"spxsp-counter spxsp-counter-hero\" data-target=\"60\">0 <\/span><span class=\"spxsp-suf\"> +<\/span><\/strong>\n                            <span>Mikron\u00e4hrstoffe in nat\u00fcrlicher Form<\/span>\n                        <\/div>\n                        <div class=\"spxsp-hero__stat\">\n                            <strong><span class=\"spxsp-counter spxsp-counter-hero\" data-target=\"100\">0 <\/span><span class=\"spxsp-suf\"> %<\/span><\/strong>\n                            <span>Organisches Produkt ohne synthetische Zus\u00e4tze<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"spxsp-hero__scrollen\">\n            <div class=\"spxsp-hero__scrollen-line\"><\/div>\n            <span>scrollen<\/span>\n        <\/div>\n    <\/section>\n    <div class=\"spxsp-statsbar\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-statsbar__inner\">\n                <div class=\"spxsp-stat-item spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-stat-item__num\"><span class=\"spxsp-counter\" data-target=\"15\">0<\/span><span>+<\/span><\/div>\n                    <div class=\"spxsp-stat-item__label\">Jahre auf dem Markt f\u00fcr organische D\u00fcngemittel<\/div>\n                <\/div>\n                <div class=\"spxsp-stat-item spxsp-reveal\" style=\"--d: 0.08s\">\n                    <div class=\"spxsp-stat-item__num\"><span class=\"spxsp-counter\" data-target=\"200\">0<\/span><span>t<\/span><\/div>\n                    <div class=\"spxsp-stat-item__label\">T\u00e4gliche F\u00f6rderkapazit\u00e4t<\/div>\n                <\/div>\n                <div class=\"spxsp-stat-item spxsp-reveal\" style=\"--d: 0.16s\">\n                    <div class=\"spxsp-stat-item__num\"><span class=\"spxsp-counter\" data-target=\"6\">0<\/span><\/div>\n                    <div class=\"spxsp-stat-item__label\">Europ\u00e4ische und internationale Absatzm\u00e4rkte<\/div>\n                <\/div>\n                <div class=\"spxsp-stat-item spxsp-reveal\" style=\"--d: 0.24s\">\n                    <div class=\"spxsp-stat-item__num\"><span class=\"spxsp-counter\" data-target=\"98\">0<\/span><span>%<\/span><\/div>\n                    <div class=\"spxsp-stat-item__label\">Zufriedene Kunden auf Basis saisonaler Ergebnisse<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <section class=\"spxsp-layers-section\" id=\"spxsp-layers\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-layers-grid\">\n                <div class=\"spxsp-layers-info spxsp-reveal spxsp-reveal--left\" style=\"--d: 0s\">\n                    <span class=\"spxsp-eyebrow\">Was ist Sapropel<\/span>\n                    <h2 class=\"spxsp-title\">Ein nat\u00fcrliches Vorkommen<br \/>\u00fcber Jahrtausende gebildet<\/h2>\n                    <p class=\"spxsp-layers-info__desc\">\n                        Sapropel ist ein organo-mineralisches Sediment aus S\u00fc\u00dfgew\u00e4ssern. Es sammelt sich \u00fcber Tausende von Jahren aus pflanzlichen und tierischen R\u00fcckst\u00e4nden am Seegrund an und bildet ein Bodenverbesserungsmaterial mit einzigartiger nat\u00fcrlicher Zusammensetzung.\n                    <\/p>\n                    <p class=\"spxsp-layers-info__desc\">\n                        Bewegen Sie den Cursor \u00fcber die <strong style=\"color: var(--green-3)\">SAPROPEL<\/strong> Schicht im Diagramm, um mehr \u00fcber ihre Eigenschaften und Zusammensetzung zu erfahren.\n                    <\/p>\n                    <div class=\"spxsp-layers-pills\">\n                        <span class=\"spxsp-pill\">Stickstoff (N)<\/span>\n                        <span class=\"spxsp-pill\">Phosphor (P)<\/span>\n                        <span class=\"spxsp-pill\">Kalium (K)<\/span>\n                        <span class=\"spxsp-pill\">60+ Mikron\u00e4hrstoffe<\/span>\n                        <span class=\"spxsp-pill\">Humins\u00e4uren<\/span>\n                        <span class=\"spxsp-pill\">Fulvos\u00e4uren<\/span>\n                        <span class=\"spxsp-pill\">Vitamine B\u2081, B\u2081\u2082<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-reveal spxsp-reveal--right\" style=\"--d: 0.12s\">\n                    <div class=\"spxsp-ld-scene\">\n                        <div class=\"spxsp-ld-water\">\n                            <div class=\"spxsp-ld-water__label\">Wasserumgebung<\/div>\n                            <div class=\"spxsp-wave spxsp-wave--1\"><\/div>\n                            <div class=\"spxsp-wave spxsp-wave--2\"><\/div>\n                            <div class=\"spxsp-bubbles\" id=\"spxsp-bubbles\"><\/div>\n                        <\/div>\n                        <div class=\"spxsp-ld-Sapropel\" id=\"spxsp-SapropelLayer\">\n                            <div class=\"spxsp-ld-Sapropel__accent\"><\/div>\n                            <div class=\"spxsp-ld-Sapropel__particles\" id=\"spxsp-particles\"><\/div>\n                            <div class=\"spxsp-ld-Sapropel__label\">\n                                <div class=\"spxsp-ld-Sapropel__name\">\n                                    Sapropel\n                                    <span class=\"spxsp-ld-Sapropel__key-badge\">\u2605 Schl\u00fcsselschicht<\/span>\n                                <\/div>\n                                <div class=\"spxsp-ld-Sapropel__sub\">Organo-mineralisches Sediment \u2022 M\u00e4chtigkeit bis zu 10 m<\/div>\n                            <\/div>\n                            <div class=\"spxsp-ld-depth\">\n                                <div class=\"spxsp-ld-depth__line\"><\/div>\n                                <div class=\"spxsp-ld-depth__val\">bis zu 10 m<\/div>\n                            <\/div>\n                            <div class=\"spxsp-ld-tooltip\">\n                                \ud83c\udf3f <strong>Zusammensetzung:<\/strong> NPK + 60 Mikron\u00e4hrstoffe, Humins\u00e4uren, Fulvos\u00e4uren, Vitamine B\u2081 und B\u2081\u2082. \u00dcber Tausende von Jahren aus den Resten aquatischer Organismen gebildet.\n                            <\/div>\n                        <\/div>\n                        <div class=\"spxsp-ld-mineral\">\n                            <div class=\"spxsp-ld-mineral__label\">Mineralboden<\/div>\n                            <div class=\"spxsp-ld-mineral__dots\" id=\"spxsp-mineralDots\"><\/div>\n                        <\/div>\n                        <div class=\"spxsp-ld-bedrock\">\n                            <div class=\"spxsp-ld-bedrock__label\">Ausgangsgestein<\/div>\n                            <div id=\"spxsp-cracks\"><\/div>\n                        <\/div>\n                        <div class=\"spxsp-ld-panel\">\n                            <div class=\"spxsp-ld-panel__tags\">\n                                <span class=\"spxsp-ld-tag spxsp-ld-tag--g\">Boden<\/span>\n                                <span class=\"spxsp-ld-tag spxsp-ld-tag--w\">N\u00e4hrstoffe<\/span>\n                                <span class=\"spxsp-ld-tag spxsp-ld-tag--e\">\u00d6ko<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"spxsp-ben-grid\" style=\"margin-top: 56px\">\n                <div class=\"spxsp-ben spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-ben__num\">01<\/div>\n                    <span class=\"spxsp-ben__icon\"> <img decoding=\"async\" alt=\"\" height=\"36\" src=\"\/wp-content\/uploads\/2026\/03\/layers.png\" width=\"36\" \/><\/span>\n                    <div class=\"spxsp-ben__title\">Strukturwiederherstellung<\/div>\n                    <p class=\"spxsp-ben__text\">\n                        Verbessert die Bel\u00fcftung und Feuchtigkeitsspeicherung in ausgelaugten B\u00f6den und macht sie lockerer und besser f\u00fcr die Wurzelentwicklung geeignet.\n                    <\/p>\n                <\/div>\n                <div class=\"spxsp-ben spxsp-reveal\" style=\"--d: 0.08s\">\n                    <div class=\"spxsp-ben__num\">02<\/div>\n                    <span class=\"spxsp-ben__icon\"><img decoding=\"async\" alt=\"\" height=\"36\" src=\"\/wp-content\/uploads\/2026\/03\/test.png\" width=\"36\" \/><\/span>\n                    <div class=\"spxsp-ben__title\">NPK + Mikron\u00e4hrstoffkomplex<\/div>\n                    <p class=\"spxsp-ben__text\">\n                        Stickstoff, Phosphor, Kalium und mehr als 60 Mikron\u00e4hrstoffe in nat\u00fcrlicher organischer Form, die f\u00fcr Pflanzen verf\u00fcgbar und f\u00fcr das Bodenprofil sicher sind.\n                    <\/p>\n                <\/div>\n                <div class=\"spxsp-ben spxsp-reveal\" style=\"--d: 0.16s\">\n                    <div class=\"spxsp-ben__num\">03<\/div>\n                    <span class=\"spxsp-ben__icon\"><img decoding=\"async\" alt=\"\" height=\"36\" src=\"\/wp-content\/uploads\/2026\/03\/security.png\" width=\"36\" \/><\/span>\n                    <div class=\"spxsp-ben__title\">Sicherheit und Umweltvertr\u00e4glichkeit<\/div>\n                    <p class=\"spxsp-ben__text\">\n                        Frei von synthetischen Zus\u00e4tzen, aggressiven Chemikalien und Schwermetallen. Zertifiziert f\u00fcr den \u00f6kologischen Landbau und sicher f\u00fcr Menschen und Tiere.\n                    <\/p>\n                <\/div>\n                <div class=\"spxsp-ben spxsp-reveal\" style=\"--d: 0.24s\">\n                    <div class=\"spxsp-ben__num\">04<\/div>\n                    <span class=\"spxsp-ben__icon\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"36\" src=\"\/wp-content\/uploads\/2026\/03\/water-droplet1.png\" width=\"36\" \/><\/span>\n                    <div class=\"spxsp-ben__title\">Feuchtigkeitsspeicherung<\/div>\n                    <p class=\"spxsp-ben__text\">\n                        Stabilisiert den Wasserhaushalt in der Wurzelzone und reduziert Pflanzenstress in Trockenperioden und zwischen Bew\u00e4sserungszyklen.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-about\" id=\"spxsp-about\">\n        <div class=\"spxsp-about__video-bg\" aria-hidden=\"true\">\n            <iframe\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                allowfullscreen=\"\"\n                frameborder=\"0\"\n                src=\"https:\/\/www.youtube-nocookie.com\/embed\/AjfCXJ4it54?autoplay=1&mute=1&loop=1&controls=0&playlist=AjfCXJ4it54&rel=0&modestbranding=1&playsinline=1\"\n                title=\"Sapropel background video\"\n            ><\/iframe>\n        <\/div>\n        <div class=\"spxsp-about__noise\"><\/div>\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-about__grid\">\n                <div class=\"spxsp-about__content spxsp-reveal\" style=\"--d: 0.05s\">\n                    <span class=\"spxsp-eyebrow\">\u00dcber das Produkt<\/span>\n                    <h2 class=\"spxsp-title\">Nat\u00fcrliches Sapropel<br \/>zur Bodenregeneration<\/h2>\n                    <p class=\"spxsp-about__desc\">\n                        Ein sauberes organisches Material zur Wiederherstellung der Bodenstruktur, zur Verbesserung der Feuchtigkeitsspeicherung und zur Unterst\u00fctzung einer stabilen Pflanzenentwicklung in professionellen Anbausystemen.\n                    <\/p>\n                    <div class=\"spxsp-about__mini-card\">\n                        <div class=\"spxsp-about__mini-card__num\">10 000+<\/div>\n                        <div class=\"spxsp-about__mini-card__label\">Jahre nat\u00fcrlicher Bildung in S\u00fc\u00dfwasser-See\u00f6kosystemen<\/div>\n                    <\/div>\n                    <div class=\"spxsp-about__features\">\n                        <div class=\"spxsp-feat\">\n                            <span class=\"spxsp-feat__icon\">\ud83c\udf3f<\/span>\n                            <div class=\"spxsp-feat__name\">Nat\u00fcrlicher Ursprung<\/div>\n                            <p class=\"spxsp-feat__text\">Organisches Sediment ohne aggressive chemische Zus\u00e4tze.<\/p>\n                        <\/div>\n                        <div class=\"spxsp-feat\">\n                            <span class=\"spxsp-feat__icon\">\ud83d\udca7<\/span>\n                            <div class=\"spxsp-feat__name\">Unterst\u00fctzung f\u00fcr den Boden<\/div>\n                            <p class=\"spxsp-feat__text\">Hilft, die Struktur und ein besseres Feuchtigkeitsverhalten zu erhalten.<\/p>\n                        <\/div>\n                        <div class=\"spxsp-feat\">\n                            <span class=\"spxsp-feat__icon\">\ud83c\udf3e<\/span>\n                            <div class=\"spxsp-feat__name\">Flexible Anwendung<\/div>\n                            <p class=\"spxsp-feat__text\">Geeignet f\u00fcr Felder, Gew\u00e4chsh\u00e4user, Obstg\u00e4rten und den Landschaftsbau.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-banner\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-banner__card spxsp-reveal\">\n                <div class=\"spxsp-banner__left\">\n                    <span class=\"spxsp-eyebrow\">Nat\u00fcrliche Unterst\u00fctzung f\u00fcr die moderne Landwirtschaft<\/span>\n                    <h2>Entwickelt zur Verbesserung des Bodenzustands und zur Erhaltung gesunder Wurzelzonen<\/h2>\n                    <p>\n                        Nutzen Sie Sapropel als Schl\u00fcsselkomponente Ihrer Bodenern\u00e4hrungsstrategie \u2014 von Gem\u00fcsebeeten \u00fcber industrielle Gew\u00e4chsh\u00e4user bis hin zur Freilandproduktion.\n                    <\/p>\n                    <div style=\"display: flex; gap: 16px; flex-wrap: wrap\">\n                        <a class=\"spxsp-btn spxsp-btn-primary\" href=\"#cta\">Angebot anfordern<\/a>\n                        <a class=\"spxsp-btn spxsp-btn-ghost\" href=\"#about\">Mehr erfahren<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-banner__photo\">\n                    <img decoding=\"async\" alt=\"\u0421\u0430\u043f\u0440\u043e\u043f\u0435\u043b\u044c \u2014 \u043f\u0440\u0438\u0440\u043e\u0434\u043d\u0438\u0439 \u043f\u0440\u043e\u0434\u0443\u043at \u0434\u043b\u044f \u0491\u0440\u0443\u043dt\u0443\" onerror=\"this.style.display = 'none'\" src=\"\/wp-content\/uploads\/2026\/03\/Sapropel-before-after.webp\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-uses\" id=\"spxsp-uses\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">Anwendungen<\/span>\n                <h2 class=\"spxsp-title\">Wo<br \/>Sapropel eingesetzt wird<\/h2>\n            <\/div>\n            <div class=\"spxsp-uses__grid\">\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-Sapropel-1.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Haus- und Gem\u00fcseg\u00e4rten<\/div>\n                        <p class=\"spxsp-use-card__text\">F\u00fcr Gem\u00fcsebeete, saisonale Pflanzungen und die nat\u00fcrliche Bodenverbesserung.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.06s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-Sapropel-2.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Gew\u00e4chsh\u00e4user<\/div>\n                        <p class=\"spxsp-use-card__text\">F\u00fcr die Substratanreicherung und verbesserte Bedingungen in der Wurzelzone im gesch\u00fctzten Anbau.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.12s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-Sapropel-3.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Baumschulen<\/div>\n                        <p class=\"spxsp-use-card__text\">Ein wertvoller Bestandteil in Mischungen zur Aufzucht von Jungpflanzen und S\u00e4mlingen.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.18s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-Sapropel-4.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Obstg\u00e4rten und Beerenplantagen<\/div>\n                        <p class=\"spxsp-use-card__text\">F\u00fcr die Bodenvorbereitung rund um Obstb\u00e4ume und Beerenkulturen.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.24s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-Sapropel-5.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Freiland<\/div>\n                        <p class=\"spxsp-use-card__text\">F\u00fcr Fl\u00e4chen, die vor der Aussaat oder Pflanzung eine Bodenunterst\u00fctzung ben\u00f6tigen.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-use-card spxsp-reveal\" style=\"--d: 0.3s\">\n                    <div class=\"spxsp-use-card__image\">\n                        <div class=\"spxsp-use-card__image-icon\"><img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2026\/03\/where-use-Sapropel-6.webp\" \/><\/div>\n                    <\/div>\n                    <div class=\"spxsp-use-card__body\">\n                        <div class=\"spxsp-use-card__title\">Landschaftsgestaltung<\/div>\n                        <p class=\"spxsp-use-card__text\">F\u00fcr dekorative Landschaftsgestaltung, Rasenanlagen und urbane Begr\u00fcnungsprojekte.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-video-showcase\" id=\"spxsp-videos\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">Videomaterialien<\/span>\n                <h2 class=\"spxsp-title\">Praxisdemonstrationen<br \/>und Ergebnisse<\/h2>\n            <\/div>\n            <div class=\"spxsp-vs-grid\">\n                <div class=\"spxsp-vs-main spxsp-reveal spxsp-reveal--left\" style=\"--d: 0s\">\n                    <div class=\"spxsp-vs-main__video\">\n                        <iframe\n                            allow=\"encrypted-media\"\n                            allowfullscreen=\"\"\n                            src=\"https:\/\/www.youtube.com\/embed\/HP-fyLl0w5E?autoplay=0&mute=1&loop=1&controls=1&playlist=HP-fyLl0w5E&rel=0&modestbranding=1\"\n                            title=\"\u0421\u0430\u043f\u0440\u043e\u043f\u0435\u043b\u044c \u0432 \u043f\u043e\u0441\u0443\u0448\u043b\u0438\u0432\u0438\u0445 \u0440\u0435\u0433\u0456\u043e\u043d\u0430\u0445\"\n                        ><\/iframe>\n                    <\/div>\n                    <div class=\"spxsp-vs-main__caption\">\n                        <span class=\"spxsp-vs-main__tag\">Hauptvideo<\/span>\n                        <div class=\"spxsp-vs-main__title\">Sapropel f\u00fcr aride Regionen<\/div>\n                        <div class=\"spxsp-vs-main__sub\">\n                            Eine Animation, die zeigt, wie Sapropel hilft, arme und trockene B\u00f6den zu regenerieren, Feuchtigkeit zu speichern und aride Gebiete in produktive gr\u00fcne Zonen zu verwandeln.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"spxsp-vs-stack spxsp-reveal spxsp-reveal--right\" style=\"--d: 0.1s\">\n                    <div class=\"spxsp-vs-card\">\n                        <div class=\"spxsp-vs-card__video\">\n                            <iframe\n                                allow=\"autoplay; encrypted-media\"\n                                allowfullscreen=\"\"\n                                src=\"https:\/\/www.youtube.com\/embed\/xDD-zdjP77k?autoplay=0&mute=1&loop=1&controls=1&playlist=xDD-zdjP77k&rel=0&modestbranding=1\"\n                                title=\"\u0412\u0438\u043a\u043e\u0440\u0438\u0441t\u0430\u043d\u043d\u044f \u0432 \u043f\u043e\u0441\u0443\u0448\u043b\u0438\u0432\u0438\u0445 \u043a\u0440\u0430\u0457\u043d\u0430\u0445\"\n                            ><\/iframe>\n                        <\/div>\n                        <div class=\"spxsp-vs-card__body\">\n                            <span class=\"spxsp-vs-card__tag\">Anwendungen<\/span>\n                            <div class=\"spxsp-vs-card__title\">Einsatz in ariden L\u00e4ndern<\/div>\n                            <div class=\"spxsp-vs-card__sub\">Bodenverbesserung, Feuchtigkeitsspeicherung und Unterst\u00fctzung des Pflanzenwachstums<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"spxsp-vs-card\">\n                        <div class=\"spxsp-vs-card__video\">\n                            <iframe\n                                allow=\"autoplay; encrypted-media\"\n                                allowfullscreen=\"\"\n                                src=\"https:\/\/www.youtube.com\/embed\/nLFPmfO813c?autoplay=0&mute=1&loop=1&controls=1&playlist=nLFPmfO813c&rel=0&modestbranding=1\"\n                                title=\"\u041f\u043e\u0440\u0456\u0432\u043d\u044f\u043d\u043d\u044f \u0440\u043e\u0441t\u0443 \u0437 \u0441\u0430\u043f\u0440\u043e\u043f\u0435\u043b\u0435m \u0456 \u0431\u0435\u0437\"\n                            ><\/iframe>\n                        <\/div>\n                        <div class=\"spxsp-vs-card__body\">\n                            <span class=\"spxsp-vs-card__tag\">Vergleich<\/span>\n                            <div class=\"spxsp-vs-card__title\">Wachstum mit und ohne Sapropel<\/div>\n                            <div class=\"spxsp-vs-card__sub\">\n                                Ein visueller Videovergleich der Pflanzenentwicklung in Boden mit Sapropel und ohne zus\u00e4tzliche Verbesserung.\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-steps\" id=\"spxsp-how\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">Anwendung<\/span>\n                <h2 class=\"spxsp-title\">Drei Schritte zu<br \/>besserem Boden<\/h2>\n            <\/div>\n            <div class=\"spxsp-steps__grid\">\n                <div class=\"spxsp-step spxsp-reveal\" style=\"--d: 0s\">\n                    <div class=\"spxsp-step__num-wrap\">\n                        <div class=\"spxsp-step__num-ring\"><\/div>\n                        <div class=\"spxsp-step__num-ring-2\"><\/div>\n                        <div class=\"spxsp-step__num-bg\">01<\/div>\n                    <\/div>\n                    <div class=\"spxsp-step__title\">Boden vorbereiten<\/div>\n                    <p class=\"spxsp-step__text\">Bestimmen Sie den Bereich, in dem organische Unterst\u00fctzung, eine verbesserte Struktur oder eine schrittweise Regeneration erforderlich ist.<\/p>\n                <\/div>\n                <div class=\"spxsp-step spxsp-reveal\" style=\"--d: 0.1s\">\n                    <div class=\"spxsp-step__num-wrap\">\n                        <div class=\"spxsp-step__num-ring\"><\/div>\n                        <div class=\"spxsp-step__num-ring-2\"><\/div>\n                        <div class=\"spxsp-step__num-bg\">02<\/div>\n                    <\/div>\n                    <div class=\"spxsp-step__title\">Ausbringen und einarbeiten<\/div>\n                    <p class=\"spxsp-step__text\">Bringen Sie das Produkt je nach Anbaumethode in Pflanzzonen, Beeten oder Substratmischungen aus und arbeiten Sie es ein.<\/p>\n                <\/div>\n                <div class=\"spxsp-step spxsp-reveal\" style=\"--d: 0.2s\">\n                    <div class=\"spxsp-step__num-wrap\">\n                        <div class=\"spxsp-step__num-ring\"><\/div>\n                        <div class=\"spxsp-step__num-ring-2\"><\/div>\n                        <div class=\"spxsp-step__num-bg\">03<\/div>\n                    <\/div>\n                    <div class=\"spxsp-step__title\">Reaktion der Kultur beobachten<\/div>\n                    <p class=\"spxsp-step__text\">Beobachten Sie das Bodenverhalten, die Feuchtigkeitsstabilit\u00e4t und die Reaktion der Pflanzen w\u00e4hrend der gesamten Saison.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"spxsp-gallery spxsp-certs\" id=\"spxsp-certificates\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">Zertifikate<\/span>\n                <h2 class=\"spxsp-title\">Zertifikate und<br \/>Labordokumente<\/h2>\n                <p class=\"spxsp-subtext\">Best\u00e4tigung der Produktqualit\u00e4t, Registrierung und Laborpr\u00fcfung. Klicken Sie auf ein Dokument, um es in voller Gr\u00f6\u00dfe zu \u00f6ffnen.<\/p>\n            <\/div>\n            <div class=\"spxsp-certs__grid\">\n                <a class=\"spxsp-cert-card spxsp-reveal\" data-cert-full=\"\" href=\"\/wp-content\/uploads\/2026\/03\/organic_standard.webp\" style=\"--d: 0s\">\n                    <div class=\"spxsp-cert-card__preview\">\n                        <img decoding=\"async\" alt=\"Organic Standard Zertifikat\" src=\"\/wp-content\/uploads\/2026\/03\/organic_standard.webp\" \/>\n                    <\/div>\n                    <div class=\"spxsp-cert-card__body\">\n                        <div class=\"spxsp-cert-card__meta\">Zertifikat 01<\/div>\n                        <div class=\"spxsp-cert-card__title\">Organic Standard Zertifikat<\/div>\n                        <div class=\"spxsp-cert-card__hint\">In voller Gr\u00f6\u00dfe \u00f6ffnen<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"spxsp-cert-card spxsp-reveal\" data-cert-full=\"\" href=\"\/wp-content\/uploads\/2026\/03\/certificate_of_registration1.webp\" style=\"--d: 0.06s\">\n                    <div class=\"spxsp-cert-card__preview\">\n                        <img decoding=\"async\" alt=\"Registrierungszertifikat UAE\" src=\"\/wp-content\/uploads\/2026\/03\/certificate_of_registration1.webp\" \/>\n                    <\/div>\n                    <div class=\"spxsp-cert-card__body\">\n                        <div class=\"spxsp-cert-card__meta\">Zertifikat 02<\/div>\n                        <div class=\"spxsp-cert-card__title\">Registrierungszertifikat<\/div>\n                        <div class=\"spxsp-cert-card__hint\">In voller Gr\u00f6\u00dfe \u00f6ffnen<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"spxsp-cert-card spxsp-reveal\" data-cert-full=\"\" href=\"\/wp-content\/uploads\/2026\/03\/laboratory_analysis.webp\" style=\"--d: 0.12s\">\n                    <div class=\"spxsp-cert-card__preview\">\n                        <img decoding=\"async\" alt=\"Laboranalysebericht\" src=\"\/wp-content\/uploads\/2026\/03\/laboratory_analysis.webp\" \/>\n                    <\/div>\n                    <div class=\"spxsp-cert-card__body\">\n                        <div class=\"spxsp-cert-card__meta\">Bericht 03<\/div>\n                        <div class=\"spxsp-cert-card__title\">Laboranalysebericht<\/div>\n                        <div class=\"spxsp-cert-card__hint\">In voller Gr\u00f6\u00dfe \u00f6ffnen<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"spxsp-cert-card spxsp-reveal\" data-cert-full=\"\" href=\"\/wp-content\/uploads\/2026\/03\/certificate_quality.webp\" style=\"--d: 0.18s\">\n                    <div class=\"spxsp-cert-card__preview\">\n                        <img decoding=\"async\" alt=\"Qualit\u00e4tszertifikat\" src=\"\/wp-content\/uploads\/2026\/03\/certificate_quality.webp\" \/>\n                    <\/div>\n                    <div class=\"spxsp-cert-card__body\">\n                        <div class=\"spxsp-cert-card__meta\">Bericht 04<\/div>\n                        <div class=\"spxsp-cert-card__title\">Qualit\u00e4tszertifikat<\/div>\n                        <div class=\"spxsp-cert-card__hint\">In voller Gr\u00f6\u00dfe \u00f6ffnen<\/div>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n    <div aria-hidden=\"true\" class=\"spxsp-cert-lightbox\" id=\"spxspCertLightbox\">\n        <button aria-label=\"\u0417\u0430\u043a\u0440\u0438t\u0438\" class=\"spxsp-cert-lightbox__close\" type=\"button\">\u00d7<\/button>\n        <div class=\"spxsp-cert-lightbox__inner\">\n            <img decoding=\"async\" alt=\"\u0421\u0435\u0440t\u0438\u0444\u0456\u043a\u0430t \u0443 \u043f\u043e\u0432\u043d\u043em\u0443 \u0440\u043e\u0437m\u0456\u0440\u0456\" id=\"spxspCertLightboxImg\" src=\"\" \/>\n        <\/div>\n    <\/div>\n    <section class=\"spxsp-faq\" id=\"spxsp-faq\">\n        <div class=\"spxsp-wrap\">\n            <div class=\"spxsp-section-head spxsp-reveal\">\n                <span class=\"spxsp-eyebrow\">FAQ<\/span>\n                <h2 class=\"spxsp-title\">H\u00e4ufig gestellte Fragen<\/h2>\n            <\/div>\n            <div class=\"spxsp-faq__list\">\n                <details class=\"spxsp-faq__item spxsp-reveal\" open=\"\" style=\"--d: 0s\">\n                    <summary>Wof\u00fcr wird Sapropel verwendet?<\/summary>\n                    <div>\n                        Es wird zur Bodenverbesserung, zur Unterst\u00fctzung der Fruchtbarkeit, zum Ausgleich der Feuchtigkeit und zur Schaffung besserer Bedingungen f\u00fcr die Pflanzenentwicklung verwendet. Es enth\u00e4lt mehr als 60 Mikron\u00e4hrstoffe in nat\u00fcrlicher organischer Form.\n                    <\/div>\n                <\/details>\n                <details class=\"spxsp-faq__item spxsp-reveal\" style=\"--d: 0.08s\">\n                    <summary>Ist es f\u00fcr Gew\u00e4chsh\u00e4user und Gem\u00fcseg\u00e4rten geeignet?<\/summary>\n                    <div>Ja. Das Produkt eignet sich f\u00fcr Gew\u00e4chsh\u00e4user, Haus- und Gem\u00fcseg\u00e4rten, Pflanzmischungen, Baumschulen und eine breitere landwirtschaftliche Nutzung.<\/div>\n                <\/details>\n                <details class=\"spxsp-faq__item spxsp-reveal\" style=\"--d: 0.16s\">\n                    <summary>Kann es auf ausgelaugten B\u00f6den eingesetzt werden?<\/summary>\n                    <div>\n                        Ja. Eine der Hauptanwendungen ist der Einsatz von Sapropel als nat\u00fcrliche L\u00f6sung zur schrittweisen Regeneration und Verbesserung ausgelaugter B\u00f6den.\n                    <\/div>\n                <\/details>\n                <details class=\"spxsp-faq__item spxsp-reveal\" style=\"--d: 0.24s\">\n                    <summary>Ist es f\u00fcr den \u00f6kologischen Landbau sicher?<\/summary>\n                    <div>\n                        Ja. Sapropel ist ein vollst\u00e4ndig nat\u00fcrliches Produkt ohne synthetische Zus\u00e4tze, zertifiziert f\u00fcr den \u00f6kologischen Landbau und sicher f\u00fcr Menschen, Tiere und die Umwelt.\n                    <\/div>\n                <\/details>\n                <details class=\"spxsp-faq__item spxsp-reveal\" style=\"--d: 0.32s\">\n                    <summary>Wie hoch ist die Ausbringungsmenge und wie wird die Dosis berechnet?<\/summary>\n                    <div>\n                        Die Ausbringungsmenge h\u00e4ngt von der Kulturart und dem Bodenzustand ab. Kontaktieren Sie uns f\u00fcr eine kostenlose Beratung \u2014 unsere Agronomen bestimmen die optimale Dosis f\u00fcr Ihren konkreten Fall.\n                    <\/div>\n                <\/details>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"cta-inquiry-v2\" id=\"contact\">\n        <div class=\"cta-inquiry-v2__box\">\n            <div class=\"cta-inquiry-v2__grid\">\n                <div class=\"cta-inquiry-v2__left\">\n                    <span class=\"cta-inquiry-v2__badge\">KONTAKTIEREN SIE UNS<\/span>\n\n                    <h2 class=\"cta-inquiry-v2__title\">Ben\u00f6tigen Sie Preise,<br \/>Konditionen<br \/>oder Beratung?<\/h2>\n\n                    <p class=\"cta-inquiry-v2__text\">\n                        Senden Sie uns Ihre Anfrage, und wir melden uns mit der passenden Produktkonfiguration, den \u043a\u043emm\u0435\u0440ziellen Konditionen und den Lieferdetails f\u00fcr Ihren Markt bei Ihnen zur\u00fcck.\n                    <\/p>\n\n                    <div class=\"cta-inquiry-v2__points\">\n                        <div class=\"cta-inquiry-v2__point\">\n                            <div class=\"cta-inquiry-v2__icon\">\ud83d\ude9a<\/div>\n                            <div>\n                                <strong>Weltweite Lieferung<\/strong>\n                                <span>Wir organisieren die Logistik in Ihre Region innerhalb praktikabler Lieferzeiten.<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"cta-inquiry-v2__point\">\n                            <div class=\"cta-inquiry-v2__icon\">\ud83d\udcc4<\/div>\n                            <div>\n                                <strong>Dokumentationssupport<\/strong>\n                                <span>Kommerzielle und produktbezogene Informationen, vorbereitet entsprechend Ihrer Anfrage.<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cta-inquiry-v2__right\">\n                    <div class=\"cta-inquiry-v2__form-card\">\n                        <form class=\"cta-proxy-form-v2\" novalidate>\n                            <div class=\"cta-proxy-form-v2__grid\">\n                                <div class=\"cta-proxy-field-v2\" data-name=\"first-name\">\n                                    <label for=\"cta-first-name\">Vorname<\/label>\n                                    <input id=\"cta-first-name\" name=\"first-name\" type=\"text\" placeholder=\"Vornamen eingeben\" required \/>\n                                    <div class=\"cta-proxy-error-v2\">Bitte Vornamen eingeben.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"last-name\">\n                                    <label for=\"cta-last-name\">Nachname<\/label>\n                                    <input id=\"cta-last-name\" name=\"last-name\" type=\"text\" placeholder=\"Nachnamen eingeben\" required \/>\n                                    <div class=\"cta-proxy-error-v2\">Bitte Nachnamen eingeben.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"country\">\n                                    <label for=\"cta-country\">Land<\/label>\n                                    <input id=\"cta-country\" name=\"country\" type=\"text\" placeholder=\"Land eingeben\" required \/>\n                                    <div class=\"cta-proxy-error-v2\">Bitte Land eingeben.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"company\">\n                                    <label for=\"cta-company\">Unternehmen<\/label>\n                                    <input id=\"cta-company\" name=\"company\" type=\"text\" placeholder=\"Firmennamen eingeben\" \/>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"phone\">\n                                    <label for=\"cta-phone\">Telefon<\/label>\n                                    <input id=\"cta-phone\" name=\"phone\" type=\"text\" placeholder=\"Telefonnummer eingeben\" \/>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2\" data-name=\"email\">\n                                    <label for=\"cta-email\">E-Mail<\/label>\n                                    <input id=\"cta-email\" name=\"email\" type=\"email\" placeholder=\"E-Mail eingeben\" required \/>\n                                    <div class=\"cta-proxy-error-v2\">Bitte eine g\u00fcltige E-Mail eingeben.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2 cta-proxy-field-v2--full\" data-name=\"message\">\n                                    <label for=\"cta-message\">Ihre Nachricht<\/label>\n                                    <textarea id=\"cta-message\" name=\"message\" placeholder=\"Beschreiben Sie Ihre Anfrage, das Zielland, die erforderliche Konfiguration oder weitere Details\"><\/textarea>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2 cta-proxy-field-v2--full\" data-name=\"privacy\">\n                                    <label class=\"cta-proxy-check-v2\" for=\"cta-privacy\">\n                                        <input id=\"cta-privacy\" name=\"privacy\" type=\"checkbox\" required \/>\n                                        <span class=\"cta-proxy-check-v2__box\" aria-hidden=\"true\"><\/span>\n                                        <span class=\"cta-proxy-check-v2__text\">Ich stimme der Verarbeitung meiner personenbezogenen Daten zum Zweck der Beantwortung meiner Anfrage zu.<\/span>\n                                    <\/label>\n                                    <div class=\"cta-proxy-error-v2\">Bitte best\u00e4tigen Sie Ihre Einwilligung vor dem Absenden.<\/div>\n                                <\/div>\n\n                                <div class=\"cta-proxy-field-v2 cta-proxy-field-v2--full\">\n                                    <button class=\"cta-proxy-submit-v2\" type=\"submit\">\n                                        <span>Anfrage senden<\/span>\n                                    <\/button>\n                                    <div class=\"cta-proxy-status-v2\" aria-live=\"polite\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/form>\n\n                        <!-- Der Contact Form 7-Shortcode wurde in ein separates Shortcode-Widget mit der CSS-Klasse cta-cf7-hidden-v2 verschoben -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n<script>\n    \/* \u2500\u2500 REVEAL \u2500\u2500 *\/\n    (function () {\n        const obs = new IntersectionObserver(\n            (entries, o) => {\n                entries.forEach((e) => {\n                    if (!e.isIntersecting) return;\n                    e.target.classList.add(\"is-vis\");\n                    o.unobserve(e.target);\n                });\n            },\n            { threshold: 0.1, rootMargin: \"0px 0px -6% 0px\" },\n        );\n        document\n            .querySelector(\".spxsp-root\")\n            ?.querySelectorAll(\".spxsp-reveal\")\n            .forEach((el) => obs.observe(el));\n    })();\n\n    \/* \u2500\u2500 COUNTER \u2500\u2500 *\/\n    (function () {\n        function animate(el) {\n            const t = +el.dataset.target,\n                dur = 1800;\n            let s = null;\n            function step(ts) {\n                if (!s) s = ts;\n                const p = Math.min((ts - s) \/ dur, 1),\n                    e = 1 - Math.pow(1 - p, 4);\n                el.textContent = Math.round(e * t);\n                if (p < 1) requestAnimationFrame(step);\n            }\n            requestAnimationFrame(step);\n        }\n        const obs = new IntersectionObserver(\n            (entries, o) => {\n                entries.forEach((e) => {\n                    if (!e.isIntersecting) return;\n                    animate(e.target);\n                    o.unobserve(e.target);\n                });\n            },\n            { threshold: 0.5 },\n        );\n        document\n            .querySelector(\".spxsp-root\")\n            ?.querySelectorAll(\".spxsp-counter\")\n            .forEach((el) => obs.observe(el));\n    })();\n\n    \/* \u2500\u2500 BUBBLES \u2500\u2500 *\/\n    (function () {\n        const c = document.getElementById(\"spxsp-bubbles\");\n        if (!c) return;\n        for (let i = 0; i < 12; i++) {\n            const b = document.createElement(\"div\");\n            b.className = \"spxsp-bubble\";\n            const s = 4 + Math.random() * 10;\n            b.style.cssText = `width:${s}px;height:${s}px;left:${5 + Math.random() * 90}%;bottom:${Math.random() * 20}px;animation-duration:${3 + Math.random() * 4}s;animation-delay:${Math.random() * 4}s;`;\n            c.appendChild(b);\n        }\n    })();\n\n    \/* \u2500\u2500 PARTICLES \u2500\u2500 *\/\n    (function () {\n        const c = document.getElementById(\"spxsp-particles\");\n        if (!c) return;\n        for (let i = 0; i < 18; i++) {\n            const p = document.createElement(\"div\");\n            p.className = \"spxsp-particle\";\n            const s = 3 + Math.random() * 8;\n            p.style.cssText = `width:${s}px;height:${s}px;left:${Math.random() * 95}%;top:${10 + Math.random() * 80}%;animation-duration:${5 + Math.random() * 8}s;animation-delay:${Math.random() * 6}s;`;\n            c.appendChild(p);\n        }\n    })();\n\n    \/* \u2500\u2500 MINERAL DOTS \u2500\u2500 *\/\n    (function () {\n        const c = document.getElementById(\"spxsp-mineralDots\");\n        if (!c) return;\n        for (let i = 0; i < 30; i++) {\n            const d = document.createElement(\"div\");\n            d.className = \"spxsp-mdot\";\n            const s = 3 + Math.random() * 12;\n            d.style.cssText = `width:${s}px;height:${s}px;left:${Math.random() * 98}%;top:${Math.random() * 90}%;opacity:${0.1 + Math.random() * 0.4};border-radius:${Math.random() > 0.5 ? \"99px\" : \"4px\"};`;\n            c.appendChild(d);\n        }\n    })();\n\n    \/* \u2500\u2500 CRACKS \u2500\u2500 *\/\n    (function () {\n        const c = document.getElementById(\"spxsp-cracks\");\n        if (!c) return;\n        for (let i = 0; i < 8; i++) {\n            const cr = document.createElement(\"div\");\n            cr.className = \"spxsp-crack\";\n            cr.style.cssText = `left:${5 + Math.random() * 90}%;top:${Math.random() * 30}%;height:${20 + Math.random() * 70}px;transform:rotate(${-20 + Math.random() * 40}deg);opacity:${0.1 + Math.random() * 0.2};`;\n            c.appendChild(cr);\n        }\n    })();\n\n    \/* \u2500\u2500 HERO PARALLAX OVERLAY \u2500\u2500 *\/\n    (function () {\n        const overlay = document.querySelector(\".spxsp-root\")?.querySelector(\".spxsp-hero__overlay\");\n        if (!overlay) return;\n        window.addEventListener(\n            \"scrollen\",\n            () => {\n                const f = Math.min(window.scrollenY \/ window.innerHeight, 1);\n                overlay.style.opacity = 1 + f * 0.3;\n            },\n            { passive: true },\n        );\n    })();\n    (function () {\n        const root = document.querySelector(\".cta-inquiry-v2\");\n        if (!root) return;\n\n        const form = root.querySelector(\".cta-proxy-form-v2\");\n        const status = root.querySelector(\".cta-proxy-status-v2\");\n        const button = root.querySelector(\".cta-proxy-submit-v2\");\n        if (!form || !status || !button) return;\n\n        function getCf7() {\n            return (\n                root.querySelector(\".wpcf7 form\") ||\n                document.querySelector(\".cta-cf7-hidden-v2 .wpcf7 form\") ||\n                document.querySelector(\".wpcf7 form\")\n            );\n        }\n\n        function mapFields(cf7) {\n            if (!cf7) return null;\n            return {\n                firstName: cf7.querySelector('[name=\"your-first-name\"]'),\n                lastName: cf7.querySelector('[name=\"your-last-name\"]'),\n                country: cf7.querySelector('[name=\"your-country\"]'),\n                company: cf7.querySelector('[name=\"your-company\"]'),\n                phone: cf7.querySelector('[name=\"your-phone\"]'),\n                email: cf7.querySelector('[name=\"your-email\"]'),\n                message: cf7.querySelector('[name=\"your-message\"]'),\n                privacy: cf7.querySelector('[name=\"acceptance-privacy\"]'),\n                submit: cf7.querySelector('input[type=\"submit\"], button[type=\"submit\"]'),\n            };\n        }\n\n        const f = {\n            firstName: form.querySelector('[name=\"first-name\"]'),\n            lastName: form.querySelector('[name=\"last-name\"]'),\n            country: form.querySelector('[name=\"country\"]'),\n            company: form.querySelector('[name=\"company\"]'),\n            phone: form.querySelector('[name=\"phone\"]'),\n            email: form.querySelector('[name=\"email\"]'),\n            message: form.querySelector('[name=\"message\"]'),\n            privacy: form.querySelector('[name=\"privacy\"]'),\n        };\n\n        let cf7 = getCf7();\n        let p = mapFields(cf7);\n        let submitTimer = null;\n\n        function setStatus(type, text) {\n            status.className = \"cta-proxy-status-v2 show \" + (type === \"ok\" ? \"ok\" : \"err\");\n            status.textContent = text;\n        }\n\n        function clearStatus() {\n            status.className = \"cta-proxy-status-v2\";\n            status.textContent = \"\";\n        }\n\n        function syncPrivacyUi() {\n            const field = form.querySelector('[data-name=\"privacy\"]');\n            if (!field) return;\n            field.classList.toggle(\"is-checked\", !!f.privacy.checked);\n        }\n\n        function resetButton() {\n            window.clearTimeout(submitTimer);\n            submitTimer = null;\n            button.disabled = false;\n            const span = button.querySelector(\"span\");\n            if (span) span.textContent = \"Anfrage senden\";\n        }\n\n        function setSending() {\n            button.disabled = true;\n            const span = button.querySelector(\"span\");\n            if (span) span.textContent = \"Wird gesendet...\";\n        }\n\n        function bad(name, on) {\n            const el = form.querySelector('[data-name=\"' + name + '\"]');\n            if (el) el.classList.toggle(\"bad\", !!on);\n        }\n\n        function trimValue(el) {\n            return (el?.value || \"\").trim();\n        }\n\n        function validate() {\n            let ok = true;\n            const first = trimValue(f.firstName);\n            const last = trimValue(f.lastName);\n            const country = trimValue(f.country);\n            const email = trimValue(f.email);\n            const emailOk = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n            const privacyOk = !!f.privacy.checked;\n\n            bad(\"first-name\", !first);\n            if (!first) ok = false;\n\n            bad(\"last-name\", !last);\n            if (!last) ok = false;\n\n            bad(\"country\", !country);\n            if (!country) ok = false;\n\n            bad(\"email\", !emailOk);\n            if (!emailOk) ok = false;\n\n            bad(\"privacy\", !privacyOk);\n            if (!privacyOk) ok = false;\n\n            return ok;\n        }\n\n        function sync() {\n            cf7 = getCf7();\n            p = mapFields(cf7);\n            if (!cf7 || !p) return false;\n\n            const pairs = [\n                [p.firstName, trimValue(f.firstName)],\n                [p.lastName, trimValue(f.lastName)],\n                [p.country, trimValue(f.country)],\n                [p.company, trimValue(f.company)],\n                [p.phone, trimValue(f.phone)],\n                [p.email, trimValue(f.email)],\n                [p.message, trimValue(f.message)],\n            ];\n\n            pairs.forEach(([field, value]) => {\n                if (!field) return;\n                field.value = value;\n                field.dispatchEvent(new Event(\"input\", { bubbles: true }));\n                field.dispatchEvent(new Event(\"change\", { bubbles: true }));\n            });\n\n            if (p.privacy) {\n                p.privacy.checked = !!f.privacy.checked;\n                if (p.privacy.hasAttribute(\"aria-invalid\")) p.privacy.removeAttribute(\"aria-invalid\");\n                p.privacy.dispatchEvent(new MouseEvent(\"click\", { bubbles: true, cancelable: true, view: window }));\n                p.privacy.checked = !!f.privacy.checked;\n                p.privacy.dispatchEvent(new Event(\"input\", { bubbles: true }));\n                p.privacy.dispatchEvent(new Event(\"change\", { bubbles: true }));\n            }\n\n            return !!p.submit;\n        }\n\n        function fieldNameFromCf7Name(name) {\n            return {\n                \"your-first-name\": \"first-name\",\n                \"your-last-name\": \"last-name\",\n                \"your-country\": \"country\",\n                \"your-email\": \"email\",\n                \"acceptance-privacy\": \"privacy\",\n            }[name] || null;\n        }\n\n        syncPrivacyUi();\n\n        if (f.privacy) {\n            f.privacy.addEventListener(\"change\", function () {\n                syncPrivacyUi();\n                bad(\"privacy\", !f.privacy.checked);\n                clearStatus();\n            });\n        }\n\n        form.addEventListener(\"input\", function (e) {\n            const field = e.target.closest(\".cta-proxy-field-v2\");\n            if (field) field.classList.remove(\"bad\");\n            clearStatus();\n        });\n\n        form.addEventListener(\"change\", function (e) {\n            const field = e.target.closest(\".cta-proxy-field-v2\");\n            if (field) field.classList.remove(\"bad\");\n            clearStatus();\n        });\n\n        form.addEventListener(\"submit\", function (e) {\n            e.preventDefault();\n            e.stopPropagation();\n            clearStatus();\n\n            if (!validate()) {\n                if (!f.privacy.checked) {\n                    setStatus(\"err\", \"Bitte best\u00e4tigen Sie Ihre Einwilligung vor dem Absenden.\");\n                } else if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(trimValue(f.email))) {\n                    setStatus(\"err\", \"Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.\");\n                } else {\n                    setStatus(\"err\", \"Bitte f\u00fcllen Sie die Pflichtfelder aus.\");\n                }\n                return;\n            }\n\n            if (!sync()) {\n                setStatus(\"err\", \"Contact Form 7 was not found. Add the CF7 shortcode in a separate hidden Shortcode widget with the class cta-cf7-hidden-v2.\");\n                return;\n            }\n\n            setSending();\n\n            if (typeof cf7.requestSubmit === \"function\") {\n                cf7.requestSubmit(p.submit || undefined);\n            } else if (p.submit) {\n                p.submit.click();\n            } else {\n                cf7.dispatchEvent(new Event(\"submit\", { bubbles: true, cancelable: true }));\n            }\n\n            submitTimer = window.setTimeout(function () {\n                if (button.disabled) {\n                    resetButton();\n                    setStatus(\"err\", \"The form started sending, but no response was received from Contact Form 7.\");\n                }\n            }, 12000);\n        });\n\n        document.addEventListener(\"wpcf7mailsent\", function (event) {\n            if (cf7 && event.target !== cf7) return;\n            resetButton();\n            form.reset();\n            syncPrivacyUi();\n            clearStatus();\n            [\"first-name\", \"last-name\", \"country\", \"email\", \"privacy\"].forEach((name) => bad(name, false));\n            setStatus(\"ok\", \"Vielen Dank. Ihre Anfrage wurde gesendet.\");\n        });\n\n        document.addEventListener(\"wpcf7mailfailed\", function (event) {\n            if (cf7 && event.target !== cf7) return;\n            resetButton();\n            setStatus(\"err\", \"Sending failed. Please try again in a moment.\");\n        });\n\n        document.addEventListener(\"wpcf7invalid\", function (event) {\n            if (cf7 && event.target !== cf7) return;\n            resetButton();\n\n            const invalidFields = event?.detail?.apiResponse?.invalid_fields || [];\n            invalidFields.forEach((item) => {\n                const mapped = fieldNameFromCf7Name(item.field);\n                if (mapped) bad(mapped, true);\n            });\n\n            if (invalidFields.some((item) => item.field === \"acceptance-privacy\")) {\n                setStatus(\"err\", \"Bitte best\u00e4tigen Sie Ihre Einwilligung vor dem Absenden.\");\n                return;\n            }\n\n            if (invalidFields.some((item) => item.field === \"your-email\")) {\n                setStatus(\"err\", \"Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.\");\n                return;\n            }\n\n            setStatus(\"err\", \"Bitte pr\u00fcfen Sie die Pflichtfelder.\");\n        });\n\n        document.addEventListener(\"wpcf7spam\", function (event) {\n            if (cf7 && event.target !== cf7) return;\n            resetButton();\n            setStatus(\"err\", \"Message was blocked as spam.\");\n        });\n    })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0920c5a cta-cf7-hidden-v2 elementor-widget elementor-widget-shortcode\" data-id=\"0920c5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9047-o1\" lang=\"de-DE\" dir=\"ltr\" data-wpcf7-id=\"9047\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/de\/wp-json\/wp\/v2\/pages\/8396#wpcf7-f9047-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Kontaktformular\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"9047\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"de_DE\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9047-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"Sapropel\" type=\"hidden\" name=\"form-source\" \/>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-first-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-first-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-last-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-last-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-country\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-country\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-privacy\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"acceptance-privacy\" value=\"1\" aria-invalid=\"false\" \/><\/span><\/span><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Senden\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\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>Wenn der Browser kein Video unterst\u00fctzt, wird die ::after-Ersatzebene angezeigt Nat\u00fcrlicher Bodenverbesserer PremiumSapropelf\u00fcr Ihren Boden Ein nat\u00fcrliches organisches Produkt zur Verbesserung der Bodenstruktur, zur Erh\u00f6hung der Feuchtigkeitsspeicherung und zur Schaffung optimaler Wachstumsbedingungen f\u00fcr Gem\u00fcseg\u00e4rten, Gew\u00e4chsh\u00e4user, Feldkulturen und Baumschulen. Kontaktieren Sie uns Video ansehen 0 m M\u00e4chtigkeit des Sapropelvorkommens 0 + Mikron\u00e4hrstoffe in nat\u00fcrlicher Form 0 [&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-8396","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/agro-tech-solution.com\/de\/wp-json\/wp\/v2\/pages\/8396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agro-tech-solution.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agro-tech-solution.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agro-tech-solution.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agro-tech-solution.com\/de\/wp-json\/wp\/v2\/comments?post=8396"}],"version-history":[{"count":4,"href":"https:\/\/agro-tech-solution.com\/de\/wp-json\/wp\/v2\/pages\/8396\/revisions"}],"predecessor-version":[{"id":9025,"href":"https:\/\/agro-tech-solution.com\/de\/wp-json\/wp\/v2\/pages\/8396\/revisions\/9025"}],"wp:attachment":[{"href":"https:\/\/agro-tech-solution.com\/de\/wp-json\/wp\/v2\/media?parent=8396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}