{"id":1803,"date":"2025-04-30T09:20:29","date_gmt":"2025-04-30T09:20:29","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=1803"},"modified":"2025-11-18T04:48:59","modified_gmt":"2025-11-18T04:48:59","slug":"the-endocannabinoid-system","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/de\/the-endocannabinoid-system\/","title":{"rendered":"Das Endocannabinoid-System erkl\u00e4rt \ud83e\udde0"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1803\" class=\"elementor elementor-1803\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6aea9f4 e-flex e-con-boxed e-con e-parent\" data-id=\"6aea9f4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26d8720 elementor-widget elementor-widget-html\" data-id=\"26d8720\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- Primary Meta Tags -->\n    <title>Das Endocannabinoid-System Erkl\u00e4rt: Das Nat\u00fcrliche Cannabis-\u00c4hnliche Netzwerk Deines K\u00f6rpers | Two Birds One Stoned<\/title>\n    <meta name=\"title\" content=\"The Endocannabinoid System Explained: Your Body's Natural Cannabis-Like Network | Two Birds One Stoned\">\n    <meta name=\"description\" content=\"Erfahre mehr \u00fcber das Endocannabinoid-System (ECS) - das nat\u00fcrliche Kommunikationsnetzwerk deines K\u00f6rpers, das Schmerz, Stimmung, Schlaf und Immunit\u00e4t reguliert. Wissenschaftsbasierte Cannabis-Bildung.\">\n    <meta name=\"keywords\" content=\"endocannabinoid system, ECS, cannabis science, anandamide, CB1 CB2 receptors, cannabis education, neuroscience, homeostasis, cannabis research, medical cannabis\">\n    <meta name=\"author\" content=\"Two Birds One Stoned\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"language\" content=\"English\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/the-endocannabinoid-system\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"article\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/the-endocannabinoid-system\/\">\n    <meta property=\"og:title\" content=\"Das Endocannabinoid-System: Das Nat\u00fcrliche Cannabis-\u00c4hnliche Netzwerk Deines K\u00f6rpers\">\n    <meta property=\"og:description\" content=\"Entdecke, wie dein K\u00f6rper auf nat\u00fcrliche Weise Cannabis-\u00e4hnliche Verbindungen produziert. Erfahre mehr \u00fcber das ECS - das biologische System, das Schmerz, Stimmung, Schlaf und Immunit\u00e4t reguliert.\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opening-ECS-image.png\">\n    <meta property=\"og:image:width\" content=\"1200\">\n    <meta property=\"og:image:height\" content=\"630\">\n    <meta property=\"og:image:alt\" content=\"Endocannabinoid System diagram showing receptors and cannabinoids\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"og:locale\" content=\"en_US\">\n    <meta property=\"article:author\" content=\"James Gallagher\">\n    <meta property=\"article:section\" content=\"Cannabis-Aufkl\u00e4rung\">\n    <meta property=\"article:tag\" content=\"Endocannabinoid System\">\n    <meta property=\"article:tag\" content=\"Cannabis-Wissenschaft\">\n    <meta property=\"article:tag\" content=\"Neuroscience\">\n    <meta property=\"article:tag\" content=\"Medical Cannabis\">\n    \n    <!-- Twitter -->\n    <meta property=\"twitter:card\" content=\"summary_large_image\">\n    <meta property=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/the-endocannabinoid-system\/\">\n    <meta property=\"twitter:title\" content=\"The Endocannabinoid System: Your Body's Natural Cannabis-Like Network\">\n    <meta property=\"twitter:description\" content=\"Discover how your body naturally produces cannabis-like compounds. Learn about the ECS - the biological system that regulates pain, mood, sleep and immunity.\">\n    <meta property=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opening-ECS-image.png\">\n    <meta property=\"twitter:image:alt\" content=\"Endocannabinoid System educational diagram\">\n    <meta property=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n    <meta property=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags -->\n    <meta name=\"theme-color\" content=\"#F4C542\">\n    <meta name=\"msapplication-TileColor\" content=\"#F4C542\">\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <link rel=\"apple-touch-icon\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    \n    <!-- Structured Data - Article -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Article\",\n    \"headline\": \"The Endocannabinoid System: Your Body's Natural Cannabis-Like Network\",\n    \"description\": \"Learn about the endocannabinoid system (ECS) - your body's natural communication network that regulates pain, mood, sleep & immunity. Science-based cannabis education.\",\n    \"image\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Opening-ECS-image.png\",\n    \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n        },\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n        \"sameAs\": [\n            \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n            \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n        ]\n    },\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/the-endocannabinoid-system\\\/\"\n    },\n    \"datePublished\": \"2025-01-01\",\n    \"dateModified\": \"2025-01-01\",\n    \"articleSection\": \"Cannabis Education\",\n    \"keywords\": \"endocannabinoid system, ECS, cannabis science, anandamide, CB1 CB2 receptors, neuroscience\",\n    \"about\": [\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Endocannabinoid System\",\n            \"description\": \"The biological system that produces endogenous cannabinoids and regulates various physiological processes\"\n        },\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Cannabis Science\",\n            \"description\": \"Scientific research and education about cannabis and its effects on human biology\"\n        }\n    ],\n    \"educationalLevel\": \"General audience\",\n    \"learningResourceType\": \"Article\"\n}<\/script>\n    \n    <!-- Structured Data - Organization -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Two Birds One Stoned\",\n    \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n    \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n    \"description\": \"Cannabis education platform delivering evidence-based content about cannabis science, culture, and research without social media noise.\",\n    \"foundingDate\": \"2024\",\n    \"sameAs\": [\n        \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n        \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n    ],\n    \"contactPoint\": {\n        \"@type\": \"ContactPoint\",\n        \"contactType\": \"customer service\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n    }\n}<\/script>\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Additional SEO Meta Tags -->\n    <meta name=\"referrer\" content=\"no-referrer-when-downgrade\">\n    <meta name=\"format-detection\" content=\"telephone=no\">\n    <meta name=\"format-detection\" content=\"address=no\">\n    <style>\n        \/* Reset and base styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            color: #fff;\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            line-height: 1.6;\n        }\n\n        \/* ARTICLE PAGE SECTION *\/\n        .article-page {\n            background: transparent;\n            margin: 0;\n            min-height: 100vh;\n            width: 100%;\n            padding: 0;\n            position: relative;\n            padding-top: 100px;\n            padding-bottom: 6rem;\n        }\n\n        \/* Container *\/\n        .tbos-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            width: 100%;\n        }\n\n        \/* Content Cards *\/\n        .content-card {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 3rem;\n            border-radius: 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            margin: 4rem auto;\n            max-width: 950px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        \/* Cards animate in when visible *\/\n        .content-card.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Content Card Hover *\/\n        .content-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n       \/* Title Section *\/\n.article-page .tbos-container .title-section {\n    text-align: center !important;\n    margin-bottom: 60px !important;  \/* CHANGED: was 30px *\/\n    margin-top: 60px !important;     \/* CHANGED: was 40px *\/\n    padding-bottom: 3rem !important;  \/* CHANGED: was 2rem *\/\n    opacity: 0;\n    transform: translateY(-20px);\n    transition: all 0.8s ease;\n    max-width: 1000px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    position: relative !important;\n    z-index: 10 !important;\n    display: block !important;\n    overflow: visible !important;\n    min-height: auto;  \/* ADDED: new line *\/\n}\n\n        .article-page .tbos-container .title-section .article-title {\n            font-size: clamp(2rem, 6vw, 4rem) !important;\n            font-weight: 700 !important;\n            margin-bottom: 2.5rem !important;\n            color: #F4C542 !important;\n            text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n            line-height: 1.3 !important;\n            letter-spacing: -0.02em !important;\n            max-width: 100% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            text-align: center !important;\n            padding: 0 2rem !important;\n            font-family: 'Montserrat', sans-serif !important;\n            display: block !important;\n            position: relative !important;\n            overflow: visible !important;\n            white-space: normal !important;\n        }\n\n        .article-page .tbos-container .title-section .article-subtitle {\n            font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n            color: #E3E3DC !important;\n            font-weight: 400 !important;\n            margin-bottom: 4rem !important;\n            opacity: 0.9 !important;\n            line-height: 1.5 !important;\n            max-width: 90% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            word-wrap: break-word !important;\n        }\n\n        \/* Media Section Spacing *\/\n        .media-section {\n            margin: 8rem auto;\n            max-width: 950px;\n            position: relative;\n            z-index: 5;\n        }\n\n        .media-section-title {\n            text-align: center;\n            font-size: 2.5rem;\n            color: #F4C542;\n            margin-bottom: 3rem;\n            font-weight: 600;\n        }\n\n        \/* Media Cards *\/\n        .media-card {\n            background-color: #1d1d1d;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            margin: 4rem auto;\n            max-width: 950px;\n            text-align: center;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .media-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n        .media-card h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 2rem;\n            font-weight: 600;\n        }\n\n        .media-card iframe {\n            width: 100%;\n            border-radius: 16px;\n            margin-top: 1.5rem;\n            box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n        }\n\n        \/* Content Break *\/\n        .content-break {\n            height: 3rem;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .content-break::before {\n            content: '';\n            width: 200px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            border-radius: 1px;\n        }\n\n        \/* Navigation hint *\/\n        .nav-hint {\n            text-align: center;\n            color: #F4C542;\n            font-style: italic;\n            font-size: 1.2rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            padding: 2rem;\n            background: rgba(244, 197, 66, 0.05);\n            border-radius: 1rem;\n            border: 1px solid rgba(244, 197, 66, 0.2);\n        }\n\n        \/* Content Section Headers *\/\n        .content-section {\n            margin: 8rem auto;\n            max-width: 950px;\n        }\n\n        .content-section .content-section-title {\n    text-align: center !important;\n    font-size: 3rem !important;\n    color: #F4C542 !important;\n    margin-bottom: 5rem !important;  \/* CHANGED: was 4rem *\/\n    margin-top: 3rem !important;     \/* CHANGED: was 2rem *\/\n    font-weight: 600 !important;\n    text-shadow: none !important;\n    padding-top: 3rem !important;    \/* CHANGED: was 2rem *\/\n    line-height: 1.4 !important;     \/* ADDED: new line *\/\n}\n\n        \/* Section Headings *\/\n        .content-card h3 {\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            color: #F4C542;\n            margin-bottom: 2rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        .content-card h4 {\n            font-size: clamp(1.4rem, 3vw, 1.8rem);\n            color: #F4C542;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        \/* Content Text *\/\n        .content-text {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #E3E3DC;\n            margin-bottom: 2rem;\n        }\n\n        .content-text:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Split content layout *\/\n        .split-content {\n            display: flex;\n            gap: 3rem;\n            align-items: center;\n            margin: 3rem 0;\n        }\n\n        .split-content img {\n            flex: 0 0 280px;\n            width: 280px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        .split-content .text-content {\n            flex: 1;\n        }\n\n        \/* Two image layout *\/\n        .double-images {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n            flex: 0 0 320px;\n            width: 320px;\n        }\n\n        .double-images img {\n            width: 100%;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            object-fit: contain;\n            max-height: 200px;\n        }\n\n        \/* Evenly spaced double images for better visual balance *\/\n        .double-images-spaced {\n            display: flex;\n            flex-direction: column;\n            gap: 3rem;\n            flex: 0 0 340px;\n            width: 340px;\n            justify-content: space-evenly;\n            align-items: center;\n            height: 100%;\n            min-height: 600px;\n        }\n\n        .double-images-spaced img {\n            width: 100%;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            flex: 0 0 auto;\n            max-height: 280px;\n            object-fit: cover;\n        }\n\n        \/* Single centered image *\/\n        .centered-image {\n            text-align: center;\n            margin: 3rem 0;\n        }\n\n        .centered-image img {\n            max-width: 100%;\n            width: auto;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        \/* Center images - better desktop integration *\/\n        .center-image {\n            text-align: center;\n            margin: 2rem 0;\n        }\n\n        .center-image img {\n            max-width: 70%;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        }\n\n        \/* Section Image - more integrated on desktop *\/\n        .section-image {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            margin: 0 auto 3rem auto;\n            display: block;\n        }\n\n        \/* Image captions *\/\n        .image-caption {\n            text-align: center;\n            font-size: 0.9rem;\n            color: #E3E3DC;\n            font-style: italic;\n            margin-top: 0.5rem;\n            margin-bottom: 2rem;\n            opacity: 0.8;\n        }\n\n        .image-caption a {\n            color: #4CAF50;\n            text-decoration: underline;\n        }\n\n        \/* Lists *\/\n        .content-card ul {\n            list-style-type: disc;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card ol {\n            list-style-type: decimal;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card li {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            line-height: 1.7;\n            margin-bottom: 0.8rem;\n        }\n\n        \/* Links *\/\n        .content-card a {\n            color: #4CAF50;\n            text-decoration: underline;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .content-card a:hover {\n            color: #45a049;\n        }\n\n        \/* Video link styling *\/\n        .video-link {\n            color: #007bff;\n            text-decoration: underline;\n            cursor: pointer;\n            transition: color 0.3s ease;\n        }\n\n        .video-link:hover {\n            color: #0056b3;\n        }\n\n        \/* Modal styles *\/\n        .video-modal {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.8);\n            z-index: 1000;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .video-container {\n            position: relative;\n            background: #000;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n        }\n\n        .close-button {\n            position: absolute;\n            top: -40px;\n            right: 0;\n            background: #fff;\n            border: none;\n            padding: 8px 12px;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 14px;\n            font-weight: bold;\n            transition: background-color 0.3s ease;\n        }\n\n        .close-button:hover {\n            background: #f0f0f0;\n        }\n\n        \/* Responsive design for mobile *\/\n        @media (max-width: 480px) {\n            .video-container iframe {\n                width: 280px !important;\n                height: 500px !important;\n            }\n        }\n\n        \/* Highlight box *\/\n        .highlight-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n            border-left: 5px solid #F4C542;\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 0 16px 16px 0;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Divider *\/\n        .section-divider {\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            margin: 4rem 0;\n            border-radius: 2px;\n        }\n\n        \/* Theme Toggle Styles *\/\n        .theme-toggle {\n            text-align: center;\n            margin: 1.5rem 0 0.5rem 0;\n            padding-top: 0.5rem;\n        }\n\n        .theme-toggle button {\n            background: rgba(0,0,0,0.8);\n            border: 2px solid #4CAF50;\n            color: #4CAF50;\n            padding: clamp(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n            border-radius: 30px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 2.5vw, 20px);\n            font-weight: 600;\n            font-family: 'Montserrat', sans-serif;\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n        }\n\n        \/* Scroll progress indicator *\/\n        .progress-bar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, #F4C542, #4CAF50);\n            z-index: 1000;\n            transition: width 0.3s ease;\n        }\n\n        .section-break {\n            margin: 6rem auto;\n            position: relative;\n            height: 3px;\n            max-width: 500px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(156,175,136,0.1) 10%, \n                rgba(156,175,136,0.3) 25%, \n                rgba(156,175,136,0.6) 40%, \n                rgba(156,175,136,0.8) 50%, \n                rgba(156,175,136,0.6) 60%, \n                rgba(156,175,136,0.3) 75%, \n                rgba(156,175,136,0.1) 90%, \n                transparent 100%);\n            border-radius: 3px;\n        }\n\n        .section-break::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(244,197,66,0.2) 20%, \n                rgba(244,197,66,0.4) 40%, \n                rgba(244,197,66,0.6) 50%, \n                rgba(244,197,66,0.4) 60%, \n                rgba(244,197,66,0.2) 80%, \n                transparent 100%);\n        }\n\n        \/* ============================================================================ *\/\n        \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n        \/* ============================================================================ *\/\n        .keep-learning-section {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            margin: 6rem auto 3rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n            overflow: hidden;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Split Layout for Keep Learning Section *\/\n        .signup-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .signup-text h3 {\n            color: #F4C542;\n            font-size: clamp(18px, 4vw, 24px);\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-text p {\n            color: #E3E3DC;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            text-align: left;\n            transition: color 0.3s ease;\n        }\n\n        .signup-form-container {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .signup-form-container input {\n            width: 100%;\n            padding: 1rem 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 8px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n\n        .signup-form-container input:focus {\n            outline: none;\n            border-color: #4CAF50;\n        }\n\n        .signup-form-container input::placeholder {\n            color: rgba(255,255,255,0.6);\n        }\n\n        \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n        body.light-theme .signup-form-container input::placeholder,\n        html.light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n\n        .signup-form-container button {\n            width: 100%;\n            padding: 1rem;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .signup-form-container button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n\n        .signup-form-container button:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .form-note {\n            color: #E3E3DC;\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin: 1.5rem 0 0 0;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n\n        \/* Benefits List Styling *\/\n        .benefits-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 1.5rem 0;\n            padding-left: 0 !important;\n        }\n\n        .benefits-list li {\n            color: #E3E3DC;\n            margin-bottom: 1rem;\n            font-size: 1rem;\n            line-height: 1.6;\n            padding-left: 0 !important;\n            list-style: none !important;\n            position: relative;\n            transition: color 0.3s ease;\n        }\n\n        .benefits-list li:last-child {\n            margin-bottom: 0;\n        }\n\n        .benefits-list li::before {\n            content: none !important;\n        }\n\n        \/* ============================================================================ *\/\n        \/* SECURE COMMENT SYSTEM STYLES *\/\n        \/* ============================================================================ *\/\n        .engagement-container {\n            background-color: #1d1d1d;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            transition: background-color 0.3s ease, border-color 0.3s ease;\n        }\n        .engagement-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: flex-start;\n        }\n        .engagement-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-height: 400px;\n            position: relative;\n            top: 1rem;\n        }\n        .engagement-content h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            transition: color 0.3s ease;\n        }\n        .engagement-content p {\n            color: #E3E3DC;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            margin-bottom: 2rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .engagement-features li {\n            color: #E3E3DC;\n            margin-bottom: 1.2rem;\n            font-size: 1.05rem;\n            line-height: 1.6;\n            padding-left: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features li:last-child {\n            margin-bottom: 0;\n        }\n        .engagement-interaction {\n            background: transparent;\n            border: none;\n            border-radius: 0;\n            padding: 0;\n        }\n        .comment-form-v1 h4 {\n            color: #F4C542;\n            font-size: 1.6rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 p {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            padding-left: 1.5rem;\n            counter-reset: step-counter;\n        }\n        .comment-form-v1 ol li {\n            margin-bottom: 0.8rem;\n            list-style: none;\n            position: relative;\n            padding-left: 4rem;\n            color: #fff;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol li span {\n            position: absolute;\n            left: 0;\n            color: #F4C542;\n            font-weight: 600;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n        body.light-theme .comment-form-v1 ol li span,\n        html.light-theme .comment-form-v1 ol li span {\n            color: #B8860B !important;\n            font-weight: 600 !important;\n        }\n\n        .form-group-v1 {\n            margin-bottom: 2rem;\n        }\n        .form-group-v1 input,\n        .form-group-v1 textarea {\n            width: 100%;\n            padding: 1rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        .form-group-v1 input:focus,\n        .form-group-v1 textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        .form-group-v1 input::placeholder,\n        .form-group-v1 textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Main comment form placeholder styling for light theme *\/\n        body.light-theme .form-group-v1 input::placeholder,\n        html.light-theme .form-group-v1 input::placeholder,\n        body.light-theme .form-group-v1 textarea::placeholder,\n        html.light-theme .form-group-v1 textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Main comment form input text color in light theme *\/\n        body.light-theme .form-group-v1 input,\n        html.light-theme .form-group-v1 input,\n        body.light-theme .form-group-v1 textarea,\n        html.light-theme .form-group-v1 textarea {\n            color: #333333 !important;\n            background: rgba(255, 255, 255, 0.9) !important;\n            border: 1px solid rgba(184, 134, 11, 0.5) !important;\n        }\n        \n        .form-group-v1 textarea {\n            height: 100px;\n            resize: vertical;\n        }\n\n        \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n        .username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n        }\n\n        .username-display {\n            flex: 1;\n            width: auto;\n            padding: 1rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n        }\n        \n        .username-display.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        .username-display.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 1rem;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 50px;\n            height: auto;\n        }\n\n        .username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .username-refresh-btn:active {\n            transform: rotate(180deg) scale(0.95);\n        }\n\n        .username-refresh-btn:disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .username-refresh-btn.spinning {\n            animation: spin 0.5s ease-in-out;\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Inline reply form styles *\/\n        .inline-username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n            margin-bottom: 0.8rem;\n        }\n\n        .inline-reply-username {\n            flex: 1;\n            width: auto;\n            padding: 0.8rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 6px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n\n        .inline-reply-username.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        \n        .inline-reply-username.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .inline-username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 0.8rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 40px;\n        }\n\n        .inline-username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .submit-btn-v1 {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            padding: 1.2rem 1.5rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            margin-top: 1rem;\n        }\n        .submit-btn-v1:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n        .submit-btn-v1:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        .status-message {\n            text-align: center;\n            padding: 1rem;\n            border-radius: 8px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .status-message.show {\n            opacity: 1;\n        }\n        .status-message.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        .status-message.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n        .comments-display {\n            margin-top: 2rem !important;\n            border-top: none !important;\n            padding-top: 2.5rem !important;\n            width: 100%;\n            box-sizing: border-box;\n        }\n        .sort-container {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            gap: 0.5rem !important;\n            margin-bottom: 2rem !important;\n            padding: 0 !important;\n        }\n        .sort-label {\n            color: #E3E3DC;\n            font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n            font-weight: 400 !important;\n            transition: color 0.3s ease;\n        }\n        .sort-dropdown {\n            background: rgba(0, 0, 0, 0.6);\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            color: #E3E3DC;\n            padding: 0.4rem 0.6rem !important;\n            border-radius: 4px !important;\n            font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n            font-family: 'Montserrat', sans-serif;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            outline: none;\n        }\n        .sort-dropdown:hover {\n            border-color: #4CAF50;\n            background: rgba(0, 0, 0, 0.8);\n        }\n        .sort-dropdown:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n        }\n        .comments-header {\n            color: #4CAF50;\n            font-size: clamp(1.1rem, 3vw, 1.3rem);\n            margin-bottom: 2rem !important;\n            font-weight: 600;\n            text-align: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            flex-wrap: wrap;\n            transition: color 0.3s ease;\n        }\n.comment-item {\n    background: rgba(0,0,0,0.4);\n    border-radius: 8px;\n    padding: 1.2rem;\n    margin-bottom: 1.5rem !important;\n    border-left: 3px solid #4CAF50;\n    width: auto;\n    max-width: 100%;\n    box-sizing: border-box;\n    transition: background-color 0.3s ease, border-color 0.3s ease;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    position: relative; \n        }\n        \n        .comment-container {\n            width: 100%;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n        .comment-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n            flex-wrap: wrap;\n            gap: 1rem;\n            min-height: 2rem;\n        }\n        .comment-author {\n            color: #F4C542;\n            font-weight: 600;\n            font-size: clamp(0.9rem, 2.5vw, 1rem);\n            transition: color 0.3s ease;\n        }\n        .comment-date {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            transition: color 0.3s ease;\n        }\n        .comment-text {\n            color: #E3E3DC;\n            line-height: 1.5;\n            font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            margin-bottom: 1rem;\n            transition: color 0.3s ease;\n        }\n        .comment-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 1rem;\n            padding-top: 0.8rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            transition: border-color 0.3s ease;\n        }\n        .comment-actions {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        .comment-like-btn,\n        .comment-dislike-btn,\n        .comment-reply-btn {\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.5);\n            color: #4CAF50;\n            padding: 0.4rem 0.8rem;\n            border-radius: 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n            min-width: 50px;\n            justify-content: center;\n            white-space: nowrap;\n            height: 32px;\n            box-sizing: border-box;\n        }\n        .comment-like-btn:hover,\n        .comment-reply-btn:hover {\n            background: rgba(76, 175, 80, 0.1);\n            border-color: #4CAF50;\n            transform: translateY(-1px);\n        }\n        .comment-like-btn.liked {\n            background: rgba(76, 175, 80, 0.2);\n            border-color: #4CAF50;\n            color: #4CAF50;\n        }\n        .comment-dislike-btn {\n            border-color: rgba(255, 107, 107, 0.5);\n            color: #ff6b6b;\n            margin-left: 0.2rem;\n        }\n        .comment-dislike-btn:hover {\n            background: rgba(255, 107, 107, 0.1);\n            border-color: #ff6b6b;\n            transform: translateY(-1px);\n        }\n        .comment-dislike-btn.disliked {\n            background: rgba(255, 107, 107, 0.2);\n            border-color: #ff6b6b;\n            color: #ff6b6b;\n        }\n        .comment-like-count {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n        .like-count, .dislike-count {\n            font-weight: 600;\n            margin-left: 0.2rem;\n        }\n        \n        \/* Reply indicator styles *\/\n        .reply-indicator {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n            background: rgba(76, 175, 80, 0.08);\n            border: 1px solid rgba(76, 175, 80, 0.2);\n            border-radius: 12px;\n            font-size: 0.85rem;\n            color: #4CAF50;\n            transition: all 0.3s ease;\n        }\n        \n        .reply-icon {\n            font-size: 1rem;\n            font-weight: bold;\n            color: #4CAF50;\n            opacity: 0.8;\n        }\n        \n        .reply-text {\n            color: #E3E3DC;\n            font-size: 0.8rem;\n            opacity: 0.9;\n        }\n        \n        .reply-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n        \n        \/* Read More Button Styles *\/\n        .read-more-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.5);\n            color: #F4C542;\n            padding: 0.3rem 0.8rem;\n            border-radius: 15px;\n            cursor: pointer;\n            font-size: 0.8rem;\n            font-weight: 500;\n            margin-top: 0.5rem;\n            margin-bottom: 0.5rem;\n            transition: all 0.3s ease;\n            display: inline-block;\n        }\n        \n        .read-more-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: translateY(-1px);\n        }\n        \n        .read-more-btn.expanded {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n        }\n        \n        \/* Thread connection line for visual hierarchy *\/\n        .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n            content: '';\n            position: absolute;\n            left: -6px;\n            top: -8px;\n            bottom: 50%;\n            width: 2px;\n            background: linear-gradient(to bottom, \n                rgba(76, 175, 80, 0.4) 0%, \n                rgba(76, 175, 80, 0.2) 50%, \n                transparent 100%);\n            border-radius: 1px;\n        }\n        #cancelReplyBtn {\n            background: transparent !important;\n            border: 1px solid #ff6b6b !important;\n            color: #ff6b6b !important;\n            padding: 0.6rem 1rem !important;\n            border-radius: 6px !important;\n            cursor: pointer !important;\n            font-size: 0.9rem !important;\n            margin-left: 1rem !important;\n            transition: all 0.3s ease !important;\n            font-family: 'Montserrat', sans-serif !important;\n        }\n        #cancelReplyBtn:hover {\n            background: rgba(255, 107, 107, 0.1) !important;\n            transform: translateY(-1px) !important;\n        }\n        .no-comments-message {\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.7;\n            padding: 2rem;\n            font-style: italic;\n            transition: all 0.3s ease;\n        }\n\n        \/* Inline reply system styles *\/\n        .inline-reply-form {\n            background: rgba(76, 175, 80, 0.05);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            padding: 1.5rem;\n            margin-top: 1rem;\n            margin-bottom: 1rem;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-form.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .inline-reply-form h5 {\n            color: #F4C542;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n        \n        .inline-reply-email {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 0.8rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-email:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-email::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Inline reply form placeholder styling for light theme *\/\n        body.light-theme .inline-reply-email::placeholder,\n        html.light-theme .inline-reply-email::placeholder,\n        body.light-theme .inline-reply-textarea::placeholder,\n        html.light-theme .inline-reply-textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Username display text visibility in light theme *\/\n        body.light-theme .username-display:not(.authenticated),\n        html.light-theme .username-display:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .username-display.authenticated,\n        html.light-theme .username-display.authenticated {\n            color: #B8860B !important;\n        }\n        \n        \/* FIXED: Inline reply username display visibility in light theme *\/\n        body.light-theme .inline-reply-username:not(.authenticated),\n        html.light-theme .inline-reply-username:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .inline-reply-username.authenticated,\n        html.light-theme .inline-reply-username.authenticated {\n            color: #B8860B !important;\n        }\n        \n        .inline-reply-textarea {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            height: 80px;\n            resize: vertical;\n            margin-bottom: 1rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        .inline-reply-actions {\n            display: flex;\n            gap: 1rem;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n        \n        .inline-reply-submit {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 6px;\n            padding: 0.8rem 1.2rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 0.9rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            flex: 1;\n            min-width: 100px;\n        }\n        \n        .inline-reply-submit:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n        }\n        \n        .inline-reply-submit:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        .inline-reply-cancel {\n            background: transparent;\n            border: 1px solid #ff6b6b;\n            color: #ff6b6b;\n            padding: 0.8rem 1.2rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            flex: 0 0 auto;\n        }\n        \n        .inline-reply-cancel:hover {\n            background: rgba(255, 107, 107, 0.1);\n            transform: translateY(-1px);\n        }\n        \n        .inline-reply-status {\n            width: 100%;\n            text-align: center;\n            padding: 0.8rem;\n            border-radius: 6px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .inline-reply-status.show {\n            opacity: 1;\n        }\n        \n        .inline-reply-status.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        \n        .inline-reply-status.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n\n        \/* ============================================================================ *\/\n        \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n        \/* ============================================================================ *\/\n        \n        \/* Light theme styles for dynamically created comments *\/\n        body.light-theme .comment-item,\n        html.light-theme .comment-item {\n            background: rgba(0,0,0,0.05) !important;\n            border-left: 3px solid #B8860B !important;\n        }\n\n        body.light-theme .comment-text,\n        html.light-theme .comment-text {\n            color: #333333 !important;\n        }\n\n        body.light-theme .comment-author,\n        html.light-theme .comment-author {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-date,\n        html.light-theme .comment-date {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comment-footer,\n        html.light-theme .comment-footer {\n            border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n        }\n\n        body.light-theme .comment-like-count,\n        html.light-theme .comment-like-count {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comments-header,\n        html.light-theme .comments-header {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .no-comments-message,\n        html.light-theme .no-comments-message {\n            color: #666666 !important;\n        }\n\n        \/* Light theme styles for reply indicators in dynamically created comments *\/\n        body.light-theme .reply-text,\n        html.light-theme .reply-text {\n            color: #666666 !important;\n        }\n\n        body.light-theme .reply-text strong,\n        html.light-theme .reply-text strong {\n            color: #B8860B !important;\n        }\n\n        \/* Light theme styles for comment action buttons *\/\n        body.light-theme .comment-like-btn,\n        html.light-theme .comment-like-btn,\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn,\n        body.light-theme .comment-reply-btn,\n        html.light-theme .comment-reply-btn {\n            border-color: rgba(184, 134, 11, 0.5) !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn:hover,\n        html.light-theme .comment-like-btn:hover,\n        body.light-theme .comment-reply-btn:hover,\n        html.light-theme .comment-reply-btn:hover {\n            background: rgba(184, 134, 11, 0.1) !important;\n            border-color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn.liked,\n        html.light-theme .comment-like-btn.liked {\n            background: rgba(184, 134, 11, 0.2) !important;\n            border-color: #B8860B !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn {\n            border-color: rgba(204, 85, 85, 0.5) !important;\n            color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn:hover,\n        html.light-theme .comment-dislike-btn:hover {\n            background: rgba(204, 85, 85, 0.1) !important;\n            border-color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn.disliked,\n        html.light-theme .comment-dislike-btn.disliked {\n            background: rgba(204, 85, 85, 0.2) !important;\n            border-color: #cc5555 !important;\n            color: #cc5555 !important;\n        }\n\n        \/* CTA Button Styles *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #F4C542, #E6B82E);\n            color: #000;\n            padding: 1rem 3rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 197, 66, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px) !important;\n            box-shadow: 0 6px 20px rgba(244, 197, 66, 0.4) !important;\n            background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\n        }\n\n        \/* CTA Section Styles *\/\n        .cta-section {\n            text-align: center;\n            margin: 4rem auto;\n            max-width: 950px;\n            padding: 2rem;\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Better desktop image sizing for large screens *\/\n        @media (min-width: 1200px) {\n            .center-image img {\n                max-width: 60%;\n            }\n            \n            .section-image {\n                max-width: 400px;\n            }\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .tbos-container {\n                padding: 0 1rem;\n            }\n\n            .content-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .media-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .keep-learning-section {\n                padding: 1.5rem;\n                margin: 2rem auto;\n                position: relative;\n                z-index: 1;\n            }\n\n            .signup-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                text-align: center;\n            }\n\n            .signup-text h3,\n            .signup-text p {\n                text-align: center;\n            }\n\n            .signup-form-container {\n                position: relative;\n                z-index: 2;\n            }\n\n            .signup-form-container input {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n            }\n\n            .signup-form-container button {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n                margin-bottom: 0.5rem;\n            }\n\n            .form-note {\n                margin-top: 1rem;\n                position: relative;\n                z-index: 4;\n                clear: both;\n                display: block;\n                width: 100%;\n                padding-top: 0.5rem;\n            }\n\n            #formMessage {\n                position: relative;\n                z-index: 5;\n                clear: both;\n                margin-top: 1.5rem;\n                display: block;\n                width: 100%;\n                box-sizing: border-box;\n                padding: 1rem;\n                text-align: center;\n                font-weight: 600;\n            }\n\n            .engagement-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n            \n            .engagement-container {\n                padding: 2rem 1.5rem;\n            }\n            .engagement-content {\n                text-align: center;\n                min-height: auto;\n                position: static;\n                margin-bottom: 1rem;\n            }\n\n            .split-content {\n                flex-direction: column;\n                gap: 2rem;\n            }\n\n            .split-content img,\n            .double-images,\n            .double-images-spaced {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            .content-break {\n                height: 4rem;\n            }\n\n            .media-section {\n                margin: 6rem auto 4rem auto;\n            }\n\n            .content-section {\n                margin: 4rem auto;\n            }\n\n            .title-section {\n                margin-bottom: 6rem;\n                padding-bottom: 3rem;\n                min-height: auto;\n            }\n\n            .nav-hint {\n                margin: 3rem auto;\n                padding: 1.5rem;\n                font-size: 1rem;\n                line-height: 1.4;\n            }\n\n            .theme-toggle {\n                margin: 3rem 0 1rem 0;\n                padding-top: 1rem;\n            }\n\n            .center-image img {\n                max-width: 100% !important;\n            }\n\n            .section-image {\n                max-width: 100% !important;\n            }\n\n            .center-image {\n                margin: 2rem 0 !important;\n                text-align: center !important;\n                clear: both !important;\n                width: 100% !important;\n                overflow: visible !important;\n            }\n\n            .center-image p {\n                margin-top: 1rem !important;\n                font-size: 0.9rem !important;\n                line-height: 1.4 !important;\n                padding: 0 1rem !important;\n                word-wrap: break-word !important;\n                overflow-wrap: break-word !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n            }\n\n            .article-page .tbos-container .title-section .article-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 2rem !important;\n            }\n\n            .article-page .tbos-container .title-section .article-subtitle {\n                font-size: clamp(1rem, 4vw, 1.3rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 3rem !important;\n            }\n\n            .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .content-section .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                max-width: 100% !important;\n                margin: 0 auto 4rem auto !important;\n            }\n\n            .media-section-title {\n                font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .media-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n                margin-bottom: 1.5rem !important;\n            }\n\n            .media-card p {\n                font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 1.5rem !important;\n                word-break: break-word !important;\n                overflow-wrap: break-word !important;\n            }\n\n            .content-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card h4 {\n                font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card a {\n                word-break: break-all;\n                overflow-wrap: break-word;\n                hyphens: auto;\n                line-height: 1.6;\n            }\n\n            .content-card .content-text {\n                font-size: 0.9rem !important;\n                line-height: 1.5 !important;\n                word-break: break-word;\n                overflow-wrap: break-word;\n            }\n\n            .cta-button {\n                padding: 0.8rem 2rem !important;\n                font-size: 1rem !important;\n                border-radius: 40px !important;\n            }\n\n            .keep-learning-section h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 1.5rem !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n                white-space: normal !important;\n                word-wrap: break-word !important;\n            }\n\n            .keep-learning-section p {\n                font-size: 1rem !important;\n            }\n\n            .comment-header {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .comment-footer {\n                flex-direction: column;\n                gap: 0.8rem;\n                align-items: flex-start;\n            }\n            .comment-actions {\n                align-self: flex-start;\n            }\n            .sort-container {\n                justify-content: center !important;\n                gap: 0.5rem;\n                margin-bottom: 1.5rem !important;\n            }\n            .sort-dropdown {\n                padding: 0.4rem 0.6rem;\n                font-size: 0.8rem;\n            }\n            \n            .comment-item {\n                padding: 1.2rem 1rem;\n                margin-bottom: 1.2rem !important;\n            }\n            \n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.5;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.5rem 0.7rem;\n                font-size: 0.8rem;\n                min-width: 45px;\n            }\n            \n            .inline-reply-actions {\n                flex-direction: column;\n                gap: 0.8rem;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                width: 100%;\n                text-align: center;\n            }\n            \n            .inline-reply-form {\n                padding: 1.2rem 1rem;\n                margin: 1rem 0;\n            }\n            \n            .reply-indicator {\n                padding: 0.35rem 0.7rem;\n                margin-bottom: 0.7rem;\n                font-size: 0.8rem;\n            }\n            \n            .reply-icon {\n                font-size: 0.95rem;\n            }\n            \n            .reply-text {\n                font-size: 0.75rem;\n            }\n\n            .username-container {\n                gap: 0.3rem;\n            }\n            \n            .username-refresh-btn {\n                min-width: 45px;\n                padding: 0.8rem;\n                font-size: 1.1rem;\n            }\n        }\n\n        @media (min-width: 769px) and (max-width: 1024px) {\n            .comment-item {\n                padding: 1.3rem 1.2rem;\n            }\n            \n            .comment-text {\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.6rem 0.9rem;\n                font-size: 0.85rem;\n            }\n            \n            .inline-reply-form {\n                padding: 1.3rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .keep-learning-section {\n                margin: 3rem auto;\n                padding: 2rem 1rem;\n            }\n\n            .form-note {\n                margin-top: 1.5rem !important;\n                padding-top: 0.75rem !important;\n            }\n\n            #formMessage {\n                margin-top: 2rem !important;\n                padding: 1rem !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                box-sizing: border-box !important;\n            }\n\n            .engagement-container {\n                padding: 2rem 1rem;\n                margin: 3rem auto;\n            }\n            .comment-item {\n                margin-bottom: 2rem !important;\n                padding: 1.5rem 1rem;\n                font-size: 0.9rem;\n            }\n            .comment-author {\n                font-size: 1rem;\n                margin-bottom: 0.3rem;\n                font-weight: 600;\n            }\n            .comment-date {\n                font-size: 0.8rem;\n                margin-bottom: 1rem;\n                opacity: 0.8;\n            }\n            .comment-header {\n                margin-bottom: 1.5rem;\n                gap: 0.8rem;\n            }\n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.6;\n                margin-bottom: 1.2rem;\n                margin-top: 0.5rem;\n                padding-top: 0.5rem;\n            }\n            .comment-footer {\n                margin-top: 1.2rem;\n                gap: 1rem;\n            }\n            .comment-actions {\n                gap: 0.6rem;\n            }\n            .comment-like-btn,\n            .comment-reply-btn,\n            .comment-dislike-btn {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n                min-width: 40px;\n            }\n            .sort-container {\n                margin-bottom: 2rem !important;\n                padding: 0 1rem;\n                gap: 0.8rem;\n            }\n            .sort-label {\n                font-size: 0.85rem;\n            }\n            .sort-dropdown {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.85rem;\n            }\n            .comments-header {\n                margin-bottom: 2rem !important;\n                font-size: 1.2rem;\n                padding: 0 1rem;\n                line-height: 1.3;\n            }\n            \n            .comment-item[style*=\"paddingLeft\"] {\n                padding-left: 0.5rem !important;\n                margin-left: 0 !important;\n            }\n            \n            .reply-indicator {\n                padding: 0.3rem 0.6rem !important;\n                margin-bottom: 0.6rem !important;\n                font-size: 0.75rem !important;\n                border-radius: 8px !important;\n            }\n            \n            .reply-icon {\n                font-size: 0.9rem !important;\n            }\n            \n            .reply-text {\n                font-size: 0.7rem !important;\n            }\n            \n            .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n                left: -1px !important;\n                width: 1px !important;\n            }\n            \n            .inline-reply-form {\n                padding: 1rem 0.8rem;\n                margin: 0.8rem 0;\n            }\n            \n            .inline-reply-form h5 {\n                font-size: 0.85rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-email,\n            .inline-reply-textarea {\n                padding: 0.6rem;\n                font-size: 0.8rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-textarea {\n                height: 60px;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n            }\n\n            .username-refresh-btn {\n                min-width: 40px;\n                padding: 0.8rem 0.6rem;\n                font-size: 1rem;\n            }\n\n            .inline-username-refresh-btn {\n                min-width: 35px;\n                padding: 0.6rem;\n                font-size: 0.9rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"dark-theme\">\n    <!-- Progress bar -->\n    <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n    <!-- Audio Elements (Hidden) -->\n    <div style=\"display: none;\">\n        <audio id=\"nightTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n        \n        <audio id=\"dayTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n    <\/div>\n\n    <!-- Video Modal -->\n    <div id=\"videoModal\" class=\"video-modal\">\n        <div class=\"video-container\">\n            <button class=\"close-button\" onclick=\"closeVideoModal()\">\u2715 Close<\/button>\n            <iframe \n                width=\"315\" \n                height=\"560\" \n                src=\"\" \n                id=\"videoFrame\" \n                title=\"YouTube-Videoplayer\" \n                frameborder=\"0\" \n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n                allowfullscreen>\n            <\/iframe>\n        <\/div>\n    <\/div>\n\n    <section class=\"article-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-section\">\n                <h1 class=\"article-title\">Das Endocannabinoid-System \ud83e\udde0<\/h1>\n                <p class=\"article-subtitle\">Das nat\u00fcrliche cannabis\u00e4hnliche Kommunikationsnetzwerk deines K\u00f6rpers<\/p>\n                \n                <!-- Theme Toggle -->\n                <div class=\"theme-toggle\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Media Section -->\n            <div class=\"media-section\">\n                <!-- Video Section -->\n            <div class=\"media-card animate-in\" id=\"video-content\">\n                    <h3>\ud83c\udfac Schau dir die vollst\u00e4ndige Analyse an<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Hol dir die vollst\u00e4ndige visuelle Erkl\u00e4rung des verborgenen Systems deines K\u00f6rpers<\/p>\n          <!-- Responsive Video Container -->\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n    <iframe id=\"tbos-video\" \n        style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n        src=\"https:\/\/www.youtube.com\/embed\/4OyeLfUe0s0\" \n        data-en=\"4OyeLfUe0s0\"\n        data-ga=\"38GhIKUdUWg\"\n        data-es=\"0YoIVWoLmuU\"\n        data-de=\"yO1iLcGgjvI\"\n        data-pt=\"P8qWnRPc50I\"\n        data-fr=\"wWbYByOHSfc\"\n        data-it=\"IMK7PKf0yHs\"\n        data-pl=\"eK2OZCc3vFw\"\n        title=\"YouTube-Videoplayer\" \n        frameborder=\"0\" \n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n        referrerpolicy=\"strict-origin-when-cross-origin\" \n        allowfullscreen>\n    <\/iframe>\n<\/div>\n\n<script>\n(function() {\n    const videoFrame = document.getElementById('tbos-video');\n    if (!videoFrame) return;\n    \n    const currentLang = document.documentElement.lang || 'en';\n    \n    let langCode = 'en';\n    if (currentLang.includes('ga')) langCode = 'ga';\n    else if (currentLang.includes('es')) langCode = 'es';\n    else if (currentLang.includes('de')) langCode = 'de';\n    else if (currentLang.includes('pt')) langCode = 'pt';\n    else if (currentLang.includes('fr')) langCode = 'fr';\n    else if (currentLang.includes('it')) langCode = 'it';\n    else if (currentLang.includes('pl')) langCode = 'pl';\n    \n    const videoId = videoFrame.dataset[langCode];\n    if (videoId) {\n        videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n    }\n})();\n<\/script>\n                <\/div>\n\n                <!-- Content Break -->\n                <div class=\"content-break\"><\/div>\n\n<!-- Audio Section -->\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n    <h3>\ud83c\udfa7 H\u00f6r unterwegs zu<\/h3>\n    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Perfekt f\u00fcr deinen Arbeitsweg oder dein Training, nur Audio-Version<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/2nmouKg2RQWFBphRhLwQZp?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n<\/div>\n\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Navigation Hint -->\n            <div class=\"nav-hint\">\n                \u2193 Liest du lieber? Tauche ein in die vollst\u00e4ndige schriftliche Analyse unten \u2193\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Written Content Section -->\n            <div class=\"content-section\" id=\"written-content\">\n                <h2 class=\"content-section-title\"> Das Endocannabinoid-System Erkl\u00e4rt \ud83e\udde0<\/h2>\n\n                <!-- Introduction -->\n                <div class=\"content-card\">\n                    <h3>Das geheime Nachrichtensystem deines K\u00f6rpers<\/h3>\n                    \n                    <!-- Jo Cameron Hook Section -->\n                    <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">Das ist Jo Cameron.<\/strong> Sie ist Lehrerin aus Schottland, die noch nie Angst erlebt hat, bei der Geburt keine Schmerzen sp\u00fcrte und nicht wusste, dass ihre Haut verbrannte, bis sie ihr eigenes Fleisch roch. Sie zeigt keine messbare Angstreaktion. Das ist keine Fiktion, das ist real.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Die meiste Zeit ihres Lebens wusste sie nicht, dass sie anders war, bis \u00c4rzte etwas Seltsames bemerkten. Nach einer gro\u00dfen Operation brauchte sie null Schmerzmittel. Scans zeigten schwere Gelenksch\u00e4den, die sie nie bemerkt hatte. Es stellt sich heraus, dass Jo eine seltene genetische Mutation hat, die ein Schl\u00fcsselenzym in ihrem <strong style=\"font-weight: 700 !important\">Endocannabinoid-System<\/strong> ausschaltet, das normalerweise die \"Wohlf\u00fchl\"-Verbindungen abbaut, \u00fcber die wir gleich sprechen werden.<\/p>\n                    \n                    <p class=\"content-text\">Anstatt dass ihr K\u00f6rper sie abbaut, l\u00e4sst ihr System sie sich ansammeln. Was hat das bewirkt? Im Grunde hat es sie unempfindlich gegen Stress und immun gegen Schmerz gemacht.<\/p>\n                    \n                    <p class=\"content-text\">Verr\u00fcckt, oder?<\/p>\n                    \n                    <p class=\"content-text translation-block\">Stell dir das mal vor: Wenn das <em>Entfernen<\/em> eines einzigen Enzyms aus dem Endocannabinoid-System all das bewirken kann\u2026 wie wichtig ist dann wohl der Rest des Systems?<\/p>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opening-ECS-image.png\" alt=\"Endocannabinoid System Introduction\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Das ist unser Endocannabinoid-System (ECS), kurz gesagt ein geheimes Nachrichtensystem in deinem K\u00f6rper, das Lernen, Ged\u00e4chtnis, Schlaf, Temperaturkontrolle, emotionale Verarbeitung, Schmerzkontrolle, entz\u00fcndliche und Immunantworten reguliert. Klingt ziemlich wichtig, oder?<\/p>\n                            <p class=\"content-text\">Noch nie davon geh\u00f6rt? Keine Sorge, du bist nicht allein.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\"><strong>\"Noch weniger haben vom erst k\u00fcrzlich entdeckten Endocannabinoid-System (ECS) geh\u00f6rt, was erstaunlich ist, wenn man bedenkt, dass das ECS f\u00fcr nahezu jeden Aspekt unseres Funktionierens von Moment zu Moment entscheidend ist\"<\/strong><\/p>\n                        <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">\"Das Endocannabinoid-System (ECS) reguliert und kontrolliert viele unserer kritischsten K\u00f6rperfunktionen wie Lernen, Ged\u00e4chtnis, emotionale Verarbeitung, Schlaf, Temperaturkontrolle, Schmerzkontrolle, entz\u00fcndliche und Immunantworten und Essen. Das ECS steht derzeit im Mittelpunkt erneuerter internationaler Forschung und Arzneimittelentwicklung.\"<\/strong> - <a href=\"https:\/\/www.health.harvard.edu\/blog\/the-endocannabinoid-system-essential-and-mysterious-202108112569\" target=\"_blank\" rel=\"noopener noreferrer\">Harvard Medical School Website<\/a><\/p>\n                    <\/div>\n\n                    <p class=\"content-text\">Es ist verr\u00fcckt zu denken, dass wir eines der wichtigsten Systeme des K\u00f6rpers entdeckt haben, nur weil Wissenschaftler anfangen durften, Cannabis zu erforschen.<\/p>\n                    <p class=\"content-text\">Trotz seiner massiven Auswirkungen auf die menschliche Gesundheit ist das ECS eines der bestgeh\u00fcteten Geheimnisse der Biologie geblieben.<\/p>\n                    <p class=\"content-text\">Lass uns das \u00e4ndern.<\/p>\n                <\/div>\n\n                <!-- Discovery Section -->\n                <div class=\"content-card\">\n                    <h3>Wie das ECS Entdeckt Wurde<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Discoverin-ECS.png\" alt=\"Discovery of ECS\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Das Endocannabinoid-System (ECS) wurde vor gerade mal 36 Jahren, im Jahr 1988, entdeckt. Du bist vielleicht \u00e4lter als die Entdeckung selbst.<\/p>\n                            <p class=\"content-text\">Wissenschaftler suchten nicht wirklich danach, als sie es fanden. Sie untersuchten THC, die prim\u00e4re psychoaktive Verbindung in Cannabis, um zu sehen, wie es auf chemischer Ebene mit Tieren interagiert. Sie erlebten eine \u00dcberraschung.<\/p>\n                            <p class=\"content-text\">Sie begannen mit einer einfachen Frage: Wenn Tiere Cannabis konsumieren, speziell THC, wohin geht es und was macht es eigentlich?<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">Was sie herausfanden, war, dass THC nicht einfach ziellos herumschwebte. Es dockte an bestimmte Stellen im K\u00f6rper an, Membranrezeptoren.<\/p>\n\n                    <p class=\"content-text\">Aber hier wurde es interessant.<\/p>\n\n                    <p class=\"content-text\">W\u00e4hrend sie die Auswirkungen von THC verfolgten, bemerkten Wissenschaftler etwas Unerwartetes. Es gab diese anderen Verbindungen, die sie noch nie zuvor gesehen hatten, die an dieselben Rezeptoren banden. Nur kamen diese Verbindungen nicht von der Cannabispflanze.<\/p>\n\n                    <p class=\"content-text\">Also, was waren sie und woher kamen sie?<\/p>\n\n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Endo-x-exo-cannabinoids.png\" alt=\"Endogenous vs Exogenous Cannabinoids\">\n                    <\/div>\n\n                 <p class=\"content-text\">Kurze Antwort. Sie kommen von uns. Nicht etwas, das wir konsumieren, sondern etwas, das wir in uns erschaffen.<\/p>\n                 <p class=\"content-text translation-block\">Was Wissenschaftler entdeckten, waren <strong style=\"font-weight: 700 !important\">endogene<\/strong> Cannabinoide, also chemische Verbindungen, die im menschlichen K\u00f6rper vorkommen und bereits auf nat\u00fcrliche Weise in uns produziert werden.<\/p>\n                    <p class=\"content-text translation-block\">THC &amp; CBD sind <strong style=\"font-weight: 700 !important\">exogene<\/strong> Cannabinoide, also chemische Verbindungen, die au\u00dferhalb des menschlichen K\u00f6rpers vorkommen, von einem anderen lebenden Organismus, die wir konsumieren.<\/p>\n                    <p class=\"content-text translation-block\">Unser eigener K\u00f6rper hat THC- und CBD-\u00e4hnliche chemische Verbindungen, die bereits in uns hergestellt werden. Es stellt sich heraus, dass <strong style=\"font-weight: 700 !important\">unsere K\u00f6rper auf nat\u00fcrliche Weise ihre eigenen cannabis\u00e4hnlichen Verbindungen produzieren<\/strong> und wir hatten keine Ahnung davon.<\/p>\n\n                    <p class=\"content-text\">Also um das klarzustellen<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">Exogene Cannabinoide<\/strong> = Verbindungen von au\u00dferhalb des K\u00f6rpers (wie THC oder CBD, die von der Cannabispflanze stammen).<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">Endogene Cannabinoide<\/strong> = Verbindungen, die bereits in deinem K\u00f6rper sind und auf nat\u00fcrliche Weise von dir produziert werden.<\/li>\n                    <\/ul>\n\n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Es ergab alles einen Sinn. Menschen hatten seit Tausenden von Jahren mit Cannabis interagiert, und jetzt wussten wir warum. Wir f\u00fchrten unserem K\u00f6rper nichts Fremdes zu, wir aktivierten ein System, das bereits in uns existierte.<\/p>\n                    <\/div>\n                        <p class=\"content-text\">Es stellte sich heraus, dass die 'Einstiegsdroge' tats\u00e4chlich ein Tor zum Verst\u00e4ndnis der menschlichen Biologie war.<\/p> \n                    <p class=\"content-text\">Dies war die Entdeckung eines ganzen Signalsystems in uns, das aus Cannabinoid-Rezeptoren, Endocannabinoiden und Enzymen bestand. Das ECS, wie wir es jetzt kennen. Ein nat\u00fcrliches Kommunikationssystem, das daran arbeitet, Lernen, Ged\u00e4chtnis, emotionale Verarbeitung, Schlaf usw. zu regulieren, unentdeckt bis vor 36 Jahren. Es ist eines der wichtigsten physiologischen Systeme, die am Aufbau und Erhalt der menschlichen Gesundheit beteiligt sind. Ziemlich coole neue Entdeckung.<\/p>\n               <p class=\"content-text translation-block\">Also, im Namen derer, die Jahre damit verbracht haben, f\u00fcr diese Pflanze einzutreten, dabei geholfen haben, das Stigma zu brechen und zu zeigen, dass diese Pflanze vielleicht nicht so schlimm ist, wie einst gedacht, <a href=\"https:\/\/pbs.twimg.com\/media\/DLWpWjtWsAAt9UL.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">ist das hier f\u00fcr die 'Teufelsdroge'-Menge.<\/a><\/p>\n <\/div>\n\n                <!-- ECS Explanation -->\n                <div class=\"content-card\">\n                    <h3>Wie das Endocannabinoid-System Funktioniert<\/h3>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-28-2025-02_26_16-PM.png\" alt=\"How the ECS Works\">\n                    <\/div>\n\n                    <p class=\"content-text\">Das Endocannabinoid-System (ECS) ist wie der Postdienst deines Landes. Es gibt zwei Teams, die Brieftr\u00e4ger und die Briefk\u00e4sten. Die Brieftr\u00e4ger liefern die Nachricht und die Briefk\u00e4sten empfangen die Nachricht. Sie kommunizieren in dir. Es ist ein chemisches Kommunikationssystem.<\/p>\n                    <p class=\"content-text translation-block\">Die Brieftr\u00e4ger sind das, was wir <strong style=\"font-weight: 700 !important\">Endocannabinoide<\/strong> nennen. Endocannabinoide sind die Brieftr\u00e4ger, die durch deinen K\u00f6rper gehen und mit deinem Gehirn, Immunsystem und Organen sprechen. Sie haben eine Nachricht zu \u00fcberbringen.<\/p>\n                    <p class=\"content-text\">The post boxes are what we call our <strong>receptors<\/strong>. Your brain, immune system and organs are filled with these receptors. These receptors are even in your skin, mad to think. The postmen deliver their message to these post boxes and a chemical reaction occurs inside us.<\/p>\n\n                    <p class=\"content-text\">Ihre Aufgabe ist es, alles im Gleichgewicht zu halten und reibungslos funktionieren zu lassen. Stimmt etwas nicht? Die Endocannabinoide sind tats\u00e4chliche Nachrichten, die an deine Rezeptoren in deinem Gehirn und K\u00f6rper gesendet werden, um zu beheben, was nicht stimmt.<\/p>\n                    <p class=\"content-text\">Sie sagen deinem K\u00f6rper, wann er essen, wann er schlafen, wann er sich entspannen soll und sogar wann er sich gl\u00fccklich oder weniger besorgt f\u00fchlen soll. Es hilft deinem K\u00f6rper zu wissen, wann die Dinge in Ordnung sind oder wann etwas Aufmerksamkeit brauchen k\u00f6nnte.<\/p>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Grazing-knee-pain.png\" alt=\"Knee Pain Example\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Wenn du zum Beispiel eine Beule oder einen Kratzer bekommst, sendet das Endocannabinoid-System Nachrichten, um deinem K\u00f6rper zu helfen, weniger Schmerz zu f\u00fchlen oder Schwellungen\/Entz\u00fcndungen zu reduzieren. Oder wenn du dich \u00e4ngstlich oder nerv\u00f6s f\u00fchlst, kann das Endocannabinoid-System Nachrichten senden, um dir zu helfen, dich zu beruhigen und entspannter zu f\u00fchlen. Wie wenn du tief atmest, um dich besser zu f\u00fchlen. Es ist wie ein hilfreiches Team in dir, das sicherstellt, dass <strong style=\"font-weight: 700 !important\">alles funktioniert<\/strong>, wie es sollte. Und denk daran, das sind alles nat\u00fcrliche Verbindungen, die bereits in uns existieren. Kein Cannabis beteiligt.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text translation-block\">Seine prim\u00e4re Rolle ist es, die <strong style=\"font-weight: 700 !important\">Hom\u00f6ostase<\/strong> f\u00fcr uns aufrechtzuerhalten. Hom\u00f6ostase ist der Prozess, durch den lebende Organismen eine stabile innere Umgebung aufrechterhalten, trotz Ver\u00e4nderungen der \u00e4u\u00dferen Bedingungen. Dieses Gleichgewicht ist entscheidend f\u00fcr das \u00dcberleben und die ordnungsgem\u00e4\u00dfe Funktion.<\/p>\n                    <p class=\"content-text\">Also, das Endocannabinoid-System ist im Grunde das eigene spezielle Team deines K\u00f6rpers, das Nachrichten um dich herum sendet, was dir hilft, dich gut zu f\u00fchlen und jeden Tag gesund zu bleiben! Los geht's, Endocannabinoide! Tolle kleine Kerle. Gut gemacht.<\/p>\n                    <p class=\"content-text\">Es scheint, als k\u00f6nnte es eine wirklich interessante und bedeutende Entdeckung sein, die hoffentlich einen positiven Einfluss auf uns Menschen haben kann. In den 1720er Jahren lag unsere Lebenserwartung bei 28. Im Jahr 1900 war sie 32. Verr\u00fcckt.<\/p>\n                    <p class=\"content-text\">Das ECS ist in Menschen, Tieren, B\u00e4umen, Pflanzen vorhanden, aber nicht in Insekten.<\/p>\n                    <p class=\"content-text\">Also lass uns noch etwas tiefer eintauchen und ein bisschen technisch werden.<\/p>\n                <\/div>\n\n                <!-- Three Components -->\n                <div class=\"content-card\">\n                    <h3>Das ECS hat 3 Hauptkomponenten<\/h3>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Timeline-of-ECS.png\" alt=\"ECS Discovery Timeline\">\n                        <p class=\"image-caption translation-block\">Zeitleiste der Entdeckung des ECS | Quelle: <a href=\"https:\/\/projectcbd.org\/science\/endocannabinoid-research-timeline\/\" target=\"_blank\" rel=\"noopener noreferrer\">Project CBD<\/a><\/p>\n                    <\/div>\n\n                    <p class=\"content-text\"><strong>1. Membranrezeptoren<\/strong><\/p>\n                    <ul>\n                        <li>CB1<\/li>\n                        <li>CB2<\/li>\n                    <\/ul>\n                    <p class=\"content-text\"><strong>2. Endocannabinoide<\/strong><\/p>\n                    <ul>\n                        <li>AEA (Anandamid)<\/li>\n                        <li>2-AG (2-Arachidonoylglycerol)<\/li>\n                    <\/ul>\n                    <p class=\"content-text\"><strong>3. Enzyme<\/strong><\/p>\n                    <ul>\n                        <li>Fetts\u00e4ureamidhydrolase (FAAH)<\/li>\n                        <li>Monoacylglycerol-Lipase (MAGL)<\/li>\n                    <\/ul>\n\n                    <div class=\"split-content\">\n                        <div class=\"double-images\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Key-Lock.png\" alt=\"Key and Lock\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Key-Lock-analogy.png\" alt=\"Key Lock Analogy\">\n                        <\/div>\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Die Rezeptoren und Endocannabinoide funktionieren nach einem <strong style=\"font-weight: 700 !important\">Schl\u00fcssel-Schloss-Modell<\/strong> in uns. Das bedeutet, dass nur bestimmte Schl\u00fcssel bestimmte Schl\u00f6sser \u00f6ffnen k\u00f6nnen. Nur bestimmte Endocannabinoide k\u00f6nnen bestimmte Rezeptoren entsperren. Wenn der Brieftr\u00e4ger die Post in den falschen Briefkasten liefert, passiert gar nichts.<\/p>\n                            <p class=\"content-text\">Stell es dir so vor:<\/p>\n                            <ul>\n                                <li><strong>Endocannabinoide sind die Schl\u00fcssel.<\/strong><\/li>\n                                <li><strong>Rezeptoren sind die Schl\u00f6sser.<\/strong><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text\">Ich wei\u00df, es ist eine weitere Analogie, aber die Postbote\/Briefkasten-Analogie hilft eher beim Konzept eines chemischen Kommunikationssystems, und die Schl\u00fcssel-Schloss-Analogie geht etwas tiefer und erkl\u00e4rt, wie gezielt die Interaktion innerhalb des chemischen Nachrichtensystems ist.<\/p>\n                    <p class=\"content-text\">Der Schl\u00fcssel muss ins Schloss passen, um das gew\u00fcnschte Ergebnis zu erzielen. Der Endocannabinoid muss also zum Rezeptor passen, um das gew\u00fcnschte Ergebnis zu erzielen.<\/p>\n                <\/div>\n\n                <!-- Endocannabinoids Section -->\n                <div class=\"content-card\">\n                    <h3>1: Endocannabinoide (Schl\u00fcssel \/ Brieftr\u00e4ger)<\/h3>\n                    \n                    <p class=\"content-text translation-block\">Dies sind die <strong style=\"font-weight: 700 !important\">\"nat\u00fcrlich vorkommenden cannabis\u00e4hnlichen Verbindungen\"<\/strong>, die jeden Tag von unseren Zellen produziert werden.<\/p>\n                    <p class=\"content-text\">Wie oben besprochen, stie\u00dfen Wissenschaftler bei der Untersuchung von THC auf Cannabinoide, die bereits auf nat\u00fcrliche Weise in uns produziert wurden. Diese Endocannabinoide (Schl\u00fcssel) sind die Brieftr\u00e4ger, die mit wichtigen Informationen durch unseren K\u00f6rper laufen. Sobald sie ihre Nachricht an den richtigen Rezeptor \u00fcbermitteln, findet eine chemische Reaktion statt.<\/p>\n                    \n                    <p class=\"content-text\">Die beiden wichtigsten etablierten und erforschten Endocannabinoide in uns sind<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">AEA (Anandamid)<\/strong> - Auch bekannt als das \"Gl\u00fccksmolek\u00fcl.\" Verantwortlich f\u00fcr die Euphorie nach dem Laufen, auch bekannt als \"Runner's High\"<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">2-AG (2-Arachidonoylglycerol)<\/strong> - Hilft, das allgemeine Gleichgewicht im K\u00f6rper aufrechtzuerhalten (Hom\u00f6ostase).<\/li>\n                    <\/ul>\n\n                    <h4>Anandamid (AEA)<\/h4>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Runners-high-anandamide.png\" alt=\"Runner's High and Anandamide\">\n                    <\/div>\n\n                    <p class=\"content-text\">Stell dir das vor.<\/p>\n                    <p class=\"content-text translation-block\">Du wachst auf, schn\u00fcrst deine Lieblingslaufschuhe und trittst hinaus in die frische Morgenluft. Deine F\u00fc\u00dfe treffen auf den Asphalt, ein Schritt nach dem anderen, und ehe du dich versiehst, bist du in der Zone. Diese Welle der Euphorie \u00fcbersp\u00fclt dich, ein Ansturm von Freude, Klarheit und Ruhe. Dieses Gef\u00fchl, oft als <strong style=\"font-weight: 700 !important\">\"Runner's High\"<\/strong> bezeichnet, ist mehr als nur ein motivierender Kick. Es ist dein nat\u00fcrliches Endocannabinoid-System bei der Arbeit, das ein besonderes Molek\u00fcl namens <strong style=\"font-weight: 700 !important\">Anandamid (oder kurz AEA)<\/strong> freisetzt.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Wenn du anf\u00e4ngst zu laufen, produziert dein K\u00f6rper mehr AEA. Dieses Molek\u00fcl schwebt herum, bis es einen Rezeptor findet, an den es andocken kann, insbesondere den <strong style=\"font-weight: 700 !important\">CB1-Rezeptor<\/strong>, Teil deines Endocannabinoid-Systems. Stell es dir vor wie einen <strong style=\"font-weight: 700 !important\">Schl\u00fcssel, der perfekt in ein Schloss passt<\/strong>. Sobald AEA sich mit CB1 verbindet, l\u00f6st es eine Kettenreaktion in deinem Gehirn aus, die Dopamin freisetzt, das Wohlf\u00fchl-Chemikalie.<\/p>\n                    \n                    <p class=\"content-text\">Du hast wahrscheinlich schon von Dopamin geh\u00f6rt, es ist diese Wohlf\u00fchl-Chemikalie, die dir hilft, dich gl\u00fccklich, motiviert und manchmal sogar ein wenig euphorisch zu f\u00fchlen. Wenn THC, der aktive Inhaltsstoff in Cannabis, an CB1-Rezeptoren in deinem Gehirn andockt, kann es den Dopaminspiegel ziemlich stark erh\u00f6hen, was ein gro\u00dfer Teil davon ist, warum Cannabis dir dieses intensive \"High\" gibt. Andererseits verbindet sich das k\u00f6rpereigene nat\u00fcrliche Molek\u00fcl Anandamid (AEA) auch mit denselben CB1-Rezeptoren, aber auf eine viel sanftere Weise. Der Anstieg von AEA w\u00e4hrend eines guten Laufs gibt dir ein sanfteres, nat\u00fcrlicheres \"ja, das ist super\"-High, genug, um dich gro\u00dfartig zu f\u00fchlen, ohne dein Gehirn zu \u00fcberfordern.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Also, in gewisser Weise gibt dir dein K\u00f6rper ein nat\u00fcrliches High, keine Drogen n\u00f6tig! Es ist dein eigenes <strong style=\"font-weight: 700 !important\">eingebautes Wohlf\u00fchlsystem<\/strong>, das dich daf\u00fcr belohnt, dass du deinen K\u00f6rper bewegst und dich motiviert h\u00e4lt, es wieder zu tun. Wer braucht schon Drogen, wenn wir einfach laufen k\u00f6nnen, oder?<\/p>\n\n                    <h4>2-AG (2-Arachidonoylglycerol)<\/h4>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Grazing-knee-pain.png\" alt=\"2-AG Pain Management\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Aber das Leben dreht sich nicht immer um gl\u00fcckselige L\u00e4ufe und Dopamin-Kicks. Manchmal stolperst du oder verletzt deinen Nacken. Du sch\u00fcrfst dir das Knie auf. Du f\u00fchlst Schmerz. Hier kommt ein weiterer Endocannabinoid-Superheld ins Spiel: <strong style=\"font-weight: 700 !important\">2-AG<\/strong>.<\/p>\n                            \n                            <p class=\"content-text translation-block\">W\u00e4hrend AEA mehr mit Stimmung und Euphorie zu tun hat, \u00fcbernimmt 2-AG eine andere Mission. Es dockt an die <strong style=\"font-weight: 700 !important\">CB2-Rezeptoren<\/strong> an, die sich in deinem gesamten Immunsystem befinden. Denk an 2-AG als <strong style=\"font-weight: 700 !important\">nat\u00fcrlichen Erste-Hilfe-Kasten<\/strong> deines K\u00f6rpers. Wenn du verletzt wirst, springt 2-AG in Aktion und sendet Nachrichten, um Entz\u00fcndungen zu reduzieren und Schmerzen zu bew\u00e4ltigen.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"content-text translation-block\">Stell dir das vor: Du hast dir gerade das Knie an der Kante des Couchtisches gesto\u00dfen. Dein K\u00f6rper sitzt nicht einfach da und l\u00e4sst dich leiden. Stattdessen wird er aktiv. 2-AG-Molek\u00fcle werden vermehrt produziert, finden die CB2-Rezeptoren und beginnen zu arbeiten, um die Schwellung zu beruhigen und den Schmerz zu lindern. Es ist wie das <strong style=\"font-weight: 700 !important\">pers\u00f6nliche Schmerzmanagement-System<\/strong> deines K\u00f6rpers, das sicherstellt, dass du heilst und dich auf nat\u00fcrliche Weise besser f\u00fchlst.<\/p>\n                    \n                    <p class=\"content-text\">Das Verst\u00e4ndnis dieser nat\u00fcrlichen Prozesse l\u00e4sst dich erkennen, wie unglaublich dein K\u00f6rper wirklich ist. Du brauchst nicht immer externe Substanzen, um dich gut zu f\u00fchlen oder Schmerzen zu bew\u00e4ltigen. Dein K\u00f6rper hat ein ausgekl\u00fcgeltes System, das genau daf\u00fcr entwickelt wurde.<\/p>\n                    \n                    <p class=\"content-text\">Also, wenn du das n\u00e4chste Mal laufen gehst und diesen Buzz nach dem Training sp\u00fcrst, denk daran, dass es nicht nur in deinem Kopf ist, es ist dein K\u00f6rper, der seine eigene Version von Gl\u00fcck durch Anandamid freisetzt. Und wenn du dir das Knie st\u00f6\u00dft oder dich wund f\u00fchlst, wisse, dass 2-AG leise hinter den Kulissen arbeitet, um dir beim Heilen zu helfen.<\/p>\n                <\/div>\n\n                <!-- Receptors Section -->\n                <div class=\"content-card\">\n                    <h3>2: Rezeptoren (Die Schl\u00f6sser \/ Die Briefk\u00e4sten)<\/h3>\n                    \n                    <p class=\"content-text\">Also haben wir \u00fcber die Schl\u00fcssel gesprochen. Lass uns jetzt \u00fcber die Schl\u00f6sser sprechen. Unsere Rezeptoren.<\/p>\n                    <p class=\"content-text\">Es gibt zwei Haupttypen von Rezeptoren im ECS:<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">CB1-Rezeptoren<\/strong> \u2014 Befinden sich haupts\u00e4chlich im Gehirn und im zentralen Nervensystem.<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">CB2-Rezeptoren<\/strong> \u2014 Befinden sich haupts\u00e4chlich im Immunsystem und in peripheren Organen.<\/li>\n                    <\/ul>\n                    <p class=\"content-text\">Sie empfangen die Nachrichten von unseren Cannabinoiden.<\/p>\n\n                    <h4>CB1 Receptors<\/h4>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/CB1-receptors.png\" alt=\"CB1 Receptors\">\n                    <\/div>\n\n                    <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">CB1-Rezeptoren<\/strong> befinden sich haupts\u00e4chlich im zentralen Nervensystem, mit hohen Konzentrationen in Hirnregionen wie der Amygdala, dem Hippocampus, dem Kleinhirn, den Basalganglien, dem frontalen Kortex und dem Hirnstamm. Sie sind auch in peripheren Geweben wie Leber, Lunge, Nieren und peripheren Nerven vorhanden.<\/p>\n                    \n                    <p class=\"content-text\">CB1-Rezeptoren spielen eine entscheidende Rolle bei der Regulierung der Neurotransmitter-Freisetzung, die Prozesse wie Ged\u00e4chtnis, Appetit, Schmerzempfindung, Stimmung, motorische Kontrolle und Kognition beeinflusst. Die Aktivierung von CB1-Rezeptoren durch Endocannabinoide oder Verbindungen wie THC (die psychoaktive Komponente von Cannabis) erzeugt die charakteristischen psychoaktiven Effekte und hilft, Schmerz und Appetit zu modulieren.<\/p>\n                    \n                    <p class=\"content-text\">CB1-Rezeptoren sind entscheidend f\u00fcr Gehirnfunktionen und psychoaktive Effekte.<\/p>\n\n                    <h4>Wie Cannabis mit CB1-Rezeptoren interagiert.<\/h4>\n                    \n                    <p class=\"content-text\">CB1-Rezeptoren sind das Hauptziel von THC. THC sucht nach CB1-Rezeptoren. Sobald THC an CB1 bindet, findet eine chemische Reaktion statt.<\/p>\n                    \n                    <p class=\"content-text\">Schauen wir uns die euphorische Empfindung an, die dadurch entsteht. THC gelangt in unser System, bindet an CB1-Rezeptoren in unserem Gehirn, was Dopamin in unser System freisetzt.<\/p>\n                    \n                    <p class=\"content-text\">Dopamin ist daf\u00fcr bekannt, dir Gef\u00fchle von Vergn\u00fcgen, Zufriedenheit und Motivation zu geben. Wenn Menschen Cannabis konsumieren, werden \u00fcberm\u00e4\u00dfige Mengen an Dopamin durch unseren K\u00f6rper geschickt, die uns all diese guten Dinge f\u00fchlen lassen. Wir werden verdammt high. Gro\u00dfartig! Oder? Ja, aber nicht ganz.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Hier liegt das Potenzial f\u00fcr Drogenmissbrauch. Manche Leute da drau\u00dfen sagen, Cannabis macht nicht s\u00fcchtig. Ich bin anderer Meinung. Ich w\u00fcrde sagen, es <strong style=\"font-weight: 700 !important\">kann definitiv zu 1000% s\u00fcchtig machen<\/strong>. Wenn es Dopamin auf einem h\u00f6heren Niveau als normal freisetzt, dann ist das Potenzial f\u00fcr wiederholten Missbrauch vorhanden. Hier m\u00fcssen wir uns bewusst sein, was passiert, und fundierte Entscheidungen treffen, wenn wir mit solchen Lebenssituationen umgehen.<\/p>\n                    \n                    <p class=\"content-text\">Auch wenn du vielleicht denkst \"siehst du, Cannabis macht s\u00fcchtig, also sollte es verboten werden\", nein. Verbieten wir Koffein, Alkohol, Handys, Gl\u00fccksspiel und Zucker, w\u00e4hrend wir schon dabei sind. Vergleichen ist auch nicht der richtige Weg, das zu tun. Aber gibt es da nicht nur einen Hauch von gesundem Menschenverstand, der um die Ecke lugt? Vielleicht ist Cannabis im gro\u00dfen Schema der weltweiten Abl\u00e4ufe okay?<\/p>\n                    \n                    <p class=\"content-text\">Das ist ein ganz anderes Gespr\u00e4chsthema, das ich mir f\u00fcr einen anderen Tag aufhebe. Ich pers\u00f6nlich glaube, dass alle Drogen s\u00fcchtig machen k\u00f6nnen. Sie nehmen uns vom st\u00e4ndigen Zustand der Realit\u00e4t weg und die Leute jagen dem hinterher. Mit Gras wird es dein Leben \u00fcbernehmen und zum Hauptfokus eines jeden Tages werden, was bei keiner Droge der Fall sein sollte. Es gibt mehr im Leben, als darauf zu warten, dass der ganze Tag vergeht und dann einen Joint zu rauchen.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Wir m\u00fcssen das akzeptieren und verstehen und nicht davor zur\u00fcckschrecken. Akzeptiere es und handle entsprechend. Tiere, einschlie\u00dflich Menschen, haben wissentlich Drogen konsumiert, durch die Geschichte hindurch bis zum heutigen Tag. <strong style=\"font-weight: 700 !important\">Menschen werden Menschen sein<\/strong>.<\/p>\n\n                    <h4>CB2-Rezeptoren<\/h4>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/CB2-receptors.png\" alt=\"CB2-Rezeptoren\">\n                    <\/div>\n\n                    <p class=\"content-text translation-block\"><strong style=\"font-weight: 700 !important\">CB2-Rezeptoren<\/strong> befinden sich haupts\u00e4chlich au\u00dferhalb des Gehirns, vorwiegend auf Immunzellen wie T-Zellen, B-Zellen, Makrophagen und Mikroglia im zentralen Nervensystem. Sie werden auch in peripheren Geweben wie Milz, Leber und bestimmten Neuronen exprimiert. CB2-Rezeptoren sind haupts\u00e4chlich an der Regulierung von Immunreaktionen, Entz\u00fcndungen und Schmerzlinderung beteiligt, <strong style=\"font-weight: 700 !important\">ohne psychoaktive Effekte zu erzeugen<\/strong>. Ihre Aktivierung hilft, Entz\u00fcndungen und Immunzellfunktion zu modulieren, was sie zu einem vielversprechenden Ziel f\u00fcr entz\u00fcndungshemmende und neuroprotektive Therapien macht.<\/p>\n                    \n                    <p class=\"content-text\">CB2-Rezeptoren regulieren haupts\u00e4chlich die Aktivit\u00e4t des Immunsystems und Entz\u00fcndungen.<\/p>\n                    \n                    <p class=\"content-text\">Die Forschung zu CB2-Rezeptoren deckt weiterhin ihre potenziellen therapeutischen Anwendungen auf, insbesondere in den Bereichen Immunologie, Neurologie und entz\u00fcndliche Erkrankungen. Es scheint ein gro\u00dfes Potenzial mit diesen Rezeptoren in der medizinischen Welt zu geben.<\/p>\n                    \n                    <p class=\"content-text\">Dies ist das Beispiel mit dem Fallen und dem aufgesch\u00fcrften Knie, das wir oben besprochen haben. Sobald du f\u00e4llst und dir das Knie aufsch\u00fcrfst, sendet dein K\u00f6rper Endocannabinoide an deine CB2-Rezeptoren, um Schwellungen und Entz\u00fcndungen zu reduzieren.<\/p>\n\n                    <h4>Wie Cannabis mit CB2-Rezeptoren interagiert.<\/h4>\n                    \n                    <p class=\"content-text\">Stellen wir uns vor, du hast einen Freund mit rheumatoider Arthritis. Sein Immunsystem verursacht Entz\u00fcndungen in seinen Gelenken. Wenn er Cannabis konsumiert, docken Cannabinoide aus der Pflanze an CB2-Rezeptoren an und senden eine Nachricht, das Immunsystem zu beruhigen, wodurch Schmerzen und Schwellungen reduziert werden. Wenn die Cannabinoide in diese CB2-Rezeptoren eindringen, sagen sie den Immunzellen, sich zu beruhigen. Sie helfen, die Entz\u00fcndung zu reduzieren und lassen die Gelenke weniger schmerzhaft und geschwollen anf\u00fchlen.<\/p>\n                    \n                    <p class=\"content-text\">Also, einfach gesagt, k\u00f6nnen die Cannabinoide aus Cannabis helfen, dass die schmerzenden Gelenke deines Freundes sich besser f\u00fchlen, indem sie die Reaktion seines Immunsystems beruhigen.<\/p>\n                <\/div>\n\n                <!-- Enzymes Section -->\n                <div class=\"content-card\">\n                    <h3>3: Enzyme \u2014 Die Aufr\u00e4umtruppe<\/h3>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Enzyemes-cleaning-up.png\" alt=\"Enzymes Cleaning Up\">\n                    <\/div>\n\n                    <p class=\"content-text\">Schlie\u00dflich haben wir Enzyme.<\/p>\n\n<p class=\"content-text\">Diese Jungs tauchen auf, nachdem die Magie passiert ist, nachdem Anandamid an CB1 angedockt hat und ein bisschen Dopamin freigesetzt wurde. Endocannabinoide h\u00f6ren nicht einfach von selbst auf. Sie m\u00fcssen gestoppt werden. Hier kommen die Enzyme ins Spiel: um aufzur\u00e4umen, abzubauen und das Signal abzuschalten. Sie erleichtern den Abbau und Stoffwechsel von Endocannabinoiden. Sie bauen sie ab. Sie zerst\u00f6ren sie.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Enzyme sind die <strong style=\"font-weight: 700 !important\">Aufr\u00e4umtruppe<\/strong>, die Rausschmei\u00dfer, die M\u00fcllm\u00e4nner, der Reset-Knopf. Ohne sie w\u00fcrde dein System rund um die Uhr summen, ohne Ausschalter.<\/p>\n                    \n                    <p class=\"content-text\">Die zwei Enzyme, die unsere Endocannabinoide abbauen, sind:<\/p>\n                    <ul>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">FAAH (Fetts\u00e4ureamid-Hydrolase)<\/strong> \u2014 Baut Anandamid ab.<\/li>\n                        <li class=\"translation-block\"><strong style=\"font-weight: 700 !important\">MAGL (Monoacylglycerol-Lipase)<\/strong> \u2014 Baut 2-AG ab.<\/li>\n                    <\/ul>\n\n                    <p class=\"content-text\">Also im Grunde r\u00e4umen die Enzyme die Endocannabinoide auf, die nicht von selbst aufh\u00f6ren k\u00f6nnen.<\/p>\n                    \n                    <!-- Jo Cameron Enzymes Section -->\n                    <p class=\"content-text translation-block\">Und wenn du sehen willst, was passiert, wenn diese Aufr\u00e4umtruppe <em>nicht<\/em> auftaucht? Schau nicht weiter als zu Jo Cameron. Ihr FAAH-Enzym funktioniert nicht richtig, also bleiben ihre Anandamid-Spiegel himmelshoch. Das bedeutet, dass ihr K\u00f6rper st\u00e4ndig mit nat\u00fcrlichen Schmerzmitteln und Stimmungsstabilisatoren \u00fcberschwemmt ist. Es ist, als w\u00e4re ihr System dauerhaft auf \"Chill-Modus\" eingestellt. Keine Angst. Kein Schmerz. Keine Sorgen. Sie hat buchst\u00e4blich erst bemerkt, dass etwas nicht stimmte, als sie weit \u00fcber 60 war. Denk dar\u00fcber nach, wie das die gesamte Diskussion \u00fcber Schmerz, psychische Gesundheit und Cannabis-Forschung auf den Kopf stellt.<\/p>\n                    \n                    <p class=\"content-text\"><strong>ABER, wenn wir Cannabis konsumieren, l\u00e4uft es etwas anders.<\/strong><\/p>\n                    \n                    <p class=\"content-text\">Der Konsum von Cannabis ver\u00e4ndert das Spiel, wie unsere Enzyme arbeiten. Verbindungen wie THC und CBD interagieren mit diesen Enzymen und k\u00f6nnen ihre Aktivit\u00e4t hemmen. Einfach ausgedr\u00fcckt, verhindern sie, dass die Aufr\u00e4umtruppe ihre Arbeit macht. Das bedeutet, dass Endocannabinoide wie Anandamid und 2-AG nicht wie normalerweise abgebaut werden.<\/p>\n                    \n                    <p class=\"content-text\"><strong>Das ist am relevantesten, wenn wir \u00fcber CBD sprechen. H\u00f6r dir das an.<\/strong><\/p>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/CBD-enhancing-ECS-1.png\" alt=\"CBD f\u00f6rdert das ECS\">\n                    <\/div>\n\n                    <p class=\"content-text\">Eine der Schl\u00fcsselaktionen von CBD ist die Hemmung der Enzyme, wie besprochen. Indem CBD diese Enzyme verlangsamt, erm\u00f6glicht es mehr von den nat\u00fcrlichen Endocannabinoiden unseres K\u00f6rpers, l\u00e4nger aktiv zu bleiben. Dies verst\u00e4rkt die Effekte unserer Endocannabinoide und hilft, die Stimmungsregulation zu unterst\u00fctzen, Entz\u00fcndungen zu reduzieren und das Gleichgewicht in verschiedenen Systemen zu f\u00f6rdern.<\/p>\n                    \n                    <p class=\"content-text\"><strong>Mit anderen Worten, CBD ersetzt nicht, was dein K\u00f6rper tut, es hilft deinem K\u00f6rper, das zu tun, was er bereits tut, nur ein bisschen besser.<\/strong><\/p>\n                    \n                    <p class=\"content-text\">Nebenbei bemerkt, dieser Enzym-Typ da oben sieht ziemlich genervt aus. Definitiv Italiener. Hat wahrscheinlich gerade erfahren, dass seine Schicht abgesagt wurde. Er wird schon klarkommen.<\/p>\n                    \n                    <p class=\"content-text\">W\u00e4hrend Cannabis-Verbindungen Vorteile wie die Reduzierung von Entz\u00fcndungen und die Verbesserung der Stimmung bieten, heben sie auch das empfindliche Gleichgewicht hervor, das Enzyme in unserem System aufrechterhalten. Enzyme sorgen daf\u00fcr, dass nat\u00fcrlich vorkommende Cannabinoide effizient verarbeitet und beseitigt werden, aber sie haben Schwierigkeiten, die exogenen Verbindungen zu verwalten, die durch Cannabis eingef\u00fchrt werden.<\/p>\n                    \n                    <p class=\"content-text\">Also das war's. Auf grundlegender Ebene, wie das ECS funktioniert, ohne in elektrische Impulse, pr\u00e4synaptische Nerven, Kalziumeinstrom, S\u00e4ure, Batteries\u00e4ure, Salsa, bumm und der Dreck ist weg, ein paar Kr\u00e4uter und Gew\u00fcrze, alles eingewickelt in eine Tortilla, einzutauchen.<\/p>\n                    \n                    <p class=\"content-text\">Gluck.<\/p>\n             <\/div>\n\n                <!-- Keep Learning Section -->\n                <div class=\"keep-learning-section\">\n                    <div class=\"signup-split\">\n                        <div class=\"signup-text\">\n                            <h3>Der Einzige Weg, auf dem Laufenden zu Bleiben<\/h3>\n                            <p>Cannabis entwickelt sich weiter und wir behandeln die Wissenschaft, Forschung und Kultur, alles kostenlos und direkt in dein Postfach. Keine sozialen Medien. Nur E-Mail. Mach mit, wenn du neugierig bist.<\/p>\n                            <ul class=\"benefits-list\">\n                                <li>\ud83c\udfac Interviews &amp; Dokumentationen<\/li>\n                                <li>\ud83d\udcda Lehrvideos &amp; Audios<\/li>\n                                <li>\ud83d\udd2c Wissenschaftlich fundierte Informationen &amp; Einsichten<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"signup-form\">\n                            <form class=\"signup-form-container\" id=\"emailForm\" action=\"\">\n                                <input type=\"email\" name=\"entry.690743589\" placeholder=\"deine@email.com\" required id=\"emailInput\">\n                                <button type=\"submit\" id=\"emailSubmitBtn\">Updates Erhalten<\/button>\n                                <p class=\"form-note\">\u27a1\ufe0f Bleib neugierig \u2b05\ufe0f<\/p>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n                        <\/div>\n                    <\/div>\n                    <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n                <\/div>\n\n                <!-- Section Break before comments -->\n                <div class=\"section-break\"><\/div>\n                \n                <!-- SECURE ENGAGEMENT SYSTEM -->\n                <div class=\"engagement-container\">\n                    <div class=\"engagement-split\">\n                        <div class=\"engagement-content\">\n                            <h3>Was ist deine Meinung?<\/h3>\n                            <p>Hast du was zu sagen? Schreib's unten. Deine Stimme hilft zu formen, was als n\u00e4chstes kommt.<\/p>\n                            <ul class=\"engagement-features\">\n                                <li>\ud83d\udcad Teile deine Erfahrungen<\/li>\n                                <li>\ud83e\udd1d Chatte mit anderen dar\u00fcber<\/li>\n                                <li>\ud83d\udcda Hilf, zuk\u00fcnftige Inhalte zu verbessern<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"engagement-interaction\">\n                            <div class=\"comment-form-v1\">\n                                <h4>Wie das funktioniert<\/h4>\n                                <ol>\n                                    <li class=\"translation-block\"><span>Schritt 1:<\/span>W\u00e4hle: E-Mail eingeben ODER anonym kommentieren<\/li>\n                                    <li class=\"translation-block\"><span>Schritt 2:<\/span>Erhalte deinen einzigartigen Benutzernamen (beh\u00e4ltst du auf der ganzen Seite)<\/li>\n                                    <li class=\"translation-block\"><span>Schritt 3:<\/span>Kommentiere, vote, antworte und teile deine Gedanken: du bist Teil der Unterhaltung!<\/li>\n                                <\/ol>\n                                <form id=\"secureCommentForm\" action=\"\">\n                                    <!-- HONEYPOT FIELDS - INVISIBLE TO HUMANS -->\n                                    <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    \n                                    <!-- Anonymous toggle -->\n                                    <div class=\"form-group-v1\">\n                                        <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n                                            <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n                                            <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">Anonym kommentieren (keine E-Mail erforderlich)<\/label>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"form-group-v1\" id=\"emailGroup\">\n                                        <input type=\"email\" id=\"commentEmail\" placeholder=\"deine@email.com\" required>\n                                        <div class=\"username-container\">\n                                            <div class=\"username-display\" id=\"usernameDisplay\">Dein Benutzername wird hier erscheinen<\/div>\n                                            <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"Hol dir einen anderen Benutzernamen\">\n                                                \ud83d\udd04\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"form-group-v1\">\n                                        <textarea id=\"commentText\" placeholder=\"Was denkst du? Hast du Fragen oder Erfahrungen zu teilen?\"><\/textarea>\n                                    <\/div>\n                                    <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                        <span id=\"submitText\">Kommentar posten<\/span>\n                                    <\/button>\n                                <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n                            <\/div>\n                            <!-- STATUS MESSAGES -->\n                            <div class=\"status-message\" id=\"commentStatus\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Section Break before comments -->\n                    <div class=\"section-break\"><\/div>\n                    \n                    <!-- COMMENTS DISPLAY -->\n                    <div class=\"comments-display\">\n                        <!-- Sort Options -->\n                        <div class=\"sort-container\">\n                            <label for=\"commentSort\" class=\"sort-label\">Sortieren nach:<\/label>\n                            <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n                                <option value=\"recent\">Neueste<\/option>\n                                <option value=\"liked\">Beliebteste<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"comments-header\" id=\"commentsHeader\">\n                            <span>\ud83d\udcad<\/span> Neueste Kommentare (<span id=\"commentCount\">0<\/span>)\n                        <\/div>\n                        <div id=\"commentsList\">\n                            <!-- User comments will be dynamically inserted here -->\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Section Break -->\n                <div class=\"section-break\"><\/div>\n                \n                <!-- More Topics CTA -->\n        <div class=\"cta-section\">\n    <a href=\"https:\/\/twobirdsonestoned.co\/de\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n        Mehr Themen \u2192\n                    <\/a>\n                <\/div>\n\n                <!-- References Section -->\n                <div class=\"content-card\">\n                    <h3>Referenzen<\/h3>\n                    <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n                        <p>Crocq, M.A., 2020. History of cannabis and the endocannabinoid system. Dialogues in clinical neuroscience, 22(3), pp.223-228.<\/p>\n                        \n                        <p>Cristino, L., Bisogno, T. and Di Marzo, V., 2020. Cannabinoids and the expanded endocannabinoid system in neurological disorders. Nature Reviews Neurology, 16(1), pp.9-29.<\/p>\n                        \n                        <p>Deutsch, D.G., 2016. A personal retrospective: Elevating anandamide (AEA) by targeting fatty acid amide hydrolase (FAAH) and the fatty acid binding proteins (FABPs). Frontiers in pharmacology, 7, p.370.<\/p>\n                        \n                        <p>Di Marzo, V., 2018. New approaches and challenges to targeting the endocannabinoid system. Nature Reviews Drug Discovery, 17(9), pp.623-639.<\/p>\n                        \n                        <p>Drugs.ie, n.d. Legal drugs responsible for most overdoses. [online] Available at: <a href=\"https:\/\/www.drugs.ie\/news\/article\/legal_drugs_responsible_for_most_overdoses\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.drugs.ie\/news\/article\/legal_drugs_responsible_for_most_overdoses<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Fern\u00e1ndez-Ruiz, J., Romero, J. and Ramos, J.A., 2015. Endocannabinoids and neurodegenerative disorders: Parkinson's disease, Huntington's chorea, Alzheimer's disease, and others. Handbook of experimental pharmacology, 231, pp.233-259.<\/p>\n                        \n                        <p>Fowler, C.J., 2013. Transport of endocannabinoids across the plasma membrane and within the cell. The FEBS journal, 280(9), pp.1895-1904.<\/p>\n                        \n                        <p>Gale, n.d. Academic OneFile. [online] Available at: <a href=\"https:\/\/go.gale.com\/ps\/i.do?p=AONE&u=googlescholar&id=GALE%7CA473692804&v=2.1&it=r&sid=googleScholar&asid=93d89c79\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/go.gale.com\/ps\/i.do?p=AONE&u=googlescholar&id=GALE%7CA473692804&v=2.1&it=r&sid=googleScholar&asid=93d89c79<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Grinspoon, P., 2021. The endocannabinoid system: Essential and mysterious. Harvard Health Publishing. [online] Available at: <a href=\"https:\/\/www.health.harvard.edu\/blog\/the-endocannabinoid-system-essential-and-mysterious-2021081112569\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.health.harvard.edu\/blog\/the-endocannabinoid-system-essential-and-mysterious-2021081112569<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Health Resources & Services Administration, n.d. Opioid Crisis. [online] Available at: <a href=\"https:\/\/www.hrsa.gov\/opioids#:~:text=More%20than%20130%20people%20a,critical%20to%20fighting%20this%20epidemic\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.hrsa.gov\/opioids<\/a>. [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Hillard, C.J., 2018. Circulating endocannabinoids: From whence do they come and where are they going?. Neuropsychopharmacology, 43(1), pp.155-172.<\/p>\n                        \n                        <p>Learn Genetics, n.d. How Drugs Kill. [online] Available at: <a href=\"https:\/\/learn.genetics.utah.edu\/content\/addiction\/drugskill\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/learn.genetics.utah.edu\/content\/addiction\/drugskill\/<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Lupica, C.R., Hu, Y., Devinsky, O. and Hoffman, A.F., 2017. Cannabinoids as hippocampal network administrators. Neuropharmacology, 124, pp.25-37.<\/p>\n                        \n                        <p>Morena, M., Patel, S., Bains, J.S. and Hill, M.N., 2016. Neurobiological interactions between stress and the endocannabinoid system. Neuropsychopharmacology, 41(1), pp.80-102.<\/p>\n                        \n                        <p>Pacher, P. and Kunos, G., 2013. Modulating the endocannabinoid system in human health and disease\u2013successes and failures. The FEBS journal, 280(9), pp.1918-1943.<\/p>\n                        \n                        <p>Pacher, P., Steffens, S., Hask\u00f3, G., Schindler, T.H. and Kunos, G., 2018. Cardiovascular effects of marijuana and synthetic cannabinoids: the good, the bad, and the ugly. Nature Reviews Cardiology, 15(3), pp.151-166.<\/p>\n                        \n                        <p>Raichlen, D.A., Foster, A.D., Gerdeman, G.L., Seillier, A. and Giuffrida, A., 2012. Wired to run: exercise-induced endocannabinoid signaling in humans and cursorial mammals with implications for the 'runner's high'. Journal of Experimental Biology, 215(8), pp.1331-1336.<\/p>\n                        \n                        <p>Roser, M., Ortiz-Ospina, E. and Ritchie, H., n.d. Life Expectancy. Our World in Data. [online] Available at: <a href=\"https:\/\/ourworldindata.org\/life-expectancy\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/ourworldindata.org\/life-expectancy<\/a> [Accessed 31 December 2024].<\/p>\n                        \n                        <p>Zou, S. and Kumar, U., 2018. Cannabinoid receptors and the endocannabinoid system: signaling and function in the central nervous system. International journal of molecular sciences, 19(3), p.833<\/p>\n                        \n                        <p>Phyto v endo - <a href=\"https:\/\/library.neura.edu.au\/schizophrenia\/physical-features\/functional-changes\/biochemical-changes\/endocannabinoids\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/library.neura.edu.au\/schizophrenia\/physical-features\/functional-changes\/biochemical-changes\/endocannabinoids\/index.html<\/a> .<\/p>\n                        \n                        <p>ECS discovery timeline <a href=\"https:\/\/projectcbd.org\/science\/endocannabinoid-research-timeline\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/projectcbd.org\/science\/endocannabinoid-research-timeline\/<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Final Thoughts Section -->\n                <div class=\"content-card\">\n                    <h3>Wenn Du Es Bis Hierher Geschafft Hast...<\/h3>\n                    \n                    <div class=\"section-divider\"><\/div>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">Das steht am Ende von jedem Text, den ich schreibe, also wenn du schon mal was hier gelesen hast, kennst du das Spiel.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Wenn du es bis zum Ende dieses Textes geschafft hast, <strong>danke<\/strong>. Ehrlich. Du hast dir die Zeit genommen, in ein Thema einzutauchen, das \u00fcber Generationen hinweg unter Schichten von Stigma verborgen war. Allein das bedeutet, dass du Teil eines dringend ben\u00f6tigten Wandels bist.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Wenn dich hier etwas zum Nachdenken gebracht oder anders denken l\u00e4sst, dann tu das: <strong>sprich dar\u00fcber<\/strong>. Bring es bei jemandem zur Sprache. Egal wer, dein Freund, dein Vater, dein Physio, dein Kollege, wer auch immer. Teile, was du gelernt hast, was dich \u00fcberrascht hat, oder sogar wor\u00fcber du dir noch unsicher bist.<\/p>\n                        \n                        <p class=\"content-text translation-block\">Diese Gespr\u00e4che, ob beil\u00e4ufig, tiefgr\u00fcndig, zuf\u00e4llig oder awkward, tragen St\u00fcck f\u00fcr St\u00fcck zum Abbau des Stigmas bei. Nicht durch Predigen, sondern einfach durch <strong>Ehrlichkeit im Moment<\/strong>.<\/p>\n                        \n                        <p class=\"content-text\">Es geht darum, den Kreislauf von Fehlinformation und Angst zu durchbrechen, der uns viel zu lange zur\u00fcckgehalten hat.<\/p>\n                        \n                        <p class=\"content-text\">Jedes Mal, wenn wir genaue, ausgewogene Informationen weitergeben, machen wir einen weiteren Schritt dahin, diese Welt ein bisschen besser zu hinterlassen, als wir sie vorgefunden haben, f\u00fcr die n\u00e4chste Generation.<\/p>\n                        \n                        <p class=\"content-text\">Ich will auch nicht, dass das Leben von Menschen negativ von den gesellschaftlichen Regeln beeinflusst wird, die diese Pflanze umgeben.<\/p>\n                        \n                        <p class=\"content-text\">Wir schulden es ihnen, das richtig zu machen. Offen zu sprechen, ohne Urteil oder Scham. Veraltete Mythen durch Beweise und Verst\u00e4ndnis zu ersetzen.<\/p>\n                        \n                        <p class=\"content-text\"><strong>Lass uns dieses Gespr\u00e4ch am Laufen halten x<\/strong><\/p>\n                        \n                        <p class=\"content-text\">Damit \u00fcberlasse ich dich dir selbst. Du schaffst das. Wenn du was Neues gelernt hast, geh und erz\u00e4hl's jemandem haha<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Go Exploring CTA -->\n                <div class=\"cta-section\">\n                    <a href=\"https:\/\/twobirdsonestoned.co\/de\" class=\"cta-button\">\n                        \ud83e\udde0 Geh auf Entdeckungstour\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Firebase SDK (needs to be inline module for imports) -->\n    <script type=\"module\">\n      import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n      import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n      import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n      \/\/ Firebase configuration\n      const firebaseConfig = {\n        apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n        authDomain: \"tbos-site-comments.firebaseapp.com\",\n        projectId: \"tbos-site-comments\",\n        storageBucket: \"tbos-site-comments.firebasestorage.app\",\n        messagingSenderId: \"154628531943\",\n        appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n      };\n\n      \/\/ Initialize Firebase\n      const app = initializeApp(firebaseConfig);\n      const db = getFirestore(app);\n      const auth = getAuth(app);\n\n      \/\/ Make Firebase available globally\n      window.firebaseDB = {\n        db: db,\n        auth: auth,\n        collection: collection,\n        addDoc: addDoc,\n        getDocs: getDocs,\n        query: query,\n        orderBy: orderBy,\n        where: where,\n        doc: doc,\n        updateDoc: updateDoc,\n        deleteDoc: deleteDoc,\n        getDoc: getDoc,\n        setDoc: setDoc,\n        serverTimestamp: serverTimestamp,\n        onSnapshot: onSnapshot,\n        signInAnonymously: signInAnonymously\n      };\n\n      console.log('\ud83d\udd25 Firebase initialized successfully');\n    <\/script>\n\n    <!-- Your External JavaScript Files -->\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n    <script>\n        \/\/ Track theme state\n        let isDarkTheme = true;\n\n        \/\/ Reading progress tracking\n        function updateProgressBar() {\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            const scrolled = (winScroll \/ height) * 100;\n            document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n        }\n\n        window.addEventListener('scroll', updateProgressBar);\n\n        \/\/ Email signup functionality\n        function setupEmailSignup() {\n            const form = document.getElementById('emailForm');\n            const emailInput = document.getElementById('emailInput');\n            const submitBtn = document.getElementById('emailSubmitBtn');\n            const messageDiv = document.getElementById('formMessage');\n            \n            if (!form) return;\n            \n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const email = emailInput.value.trim();\n                if (!email) return;\n                \n                \/\/ Show loading state\n                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Joining...';\n                submitBtn.disabled = true;\n                \n                \/\/ Create form data\n                const formData = new FormData();\n                formData.append('entry.690743589', email);\n                \n                \/\/ Submit to Google Forms\n                fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n                    method: 'POST',\n                    body: formData,\n                    mode: 'no-cors'\n                })\n                .then(() => {\n                    \/\/ Show success message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#4CAF50';\n                    messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n                    \n                    \/\/ Clear form\n                    emailInput.value = '';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .catch(() => {\n                    \/\/ Show error message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#ff6b6b';\n                    messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .finally(() => {\n                    \/\/ Reset button\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        function toggleThemeAndText() {\n            const button = document.getElementById('theme-toggle');\nconst currentEmoji = button.textContent.trim();\n\nif (currentEmoji === '\ud83c\udf19') {\n    button.textContent = '\u2600\ufe0f';\n                playAudio('dayTimeAudio');\n                isDarkTheme = false;\n            } else {\n                button.textContent = '\ud83c\udf19';\n                playAudio('nightTimeAudio');\n                isDarkTheme = true;\n            }\n            \n            toggleTheme();\n        }\n\n        function playAudio(audioId) {\n            const audio = document.getElementById(audioId);\n            \n            if (audio) {\n                audio.currentTime = 0;\n                const playPromise = audio.play();\n                \n                if (playPromise !== undefined) {\n                    playPromise.then(() => {\n                        console.log(`${audioId} played successfully`);\n                    }).catch(error => {\n                        console.log(`Audio play failed for ${audioId}:`, error);\n                        showVisualFeedback(audioId);\n                    });\n                }\n            }\n        }\n\n        function showVisualFeedback(audioId) {\n            const button = document.getElementById('theme-toggle');\n            const originalTransform = button.style.transform;\n            \n            button.style.transform = 'scale(1.1)';\n            button.style.transition = 'transform 0.1s ease';\n            \n            setTimeout(() => {\n                button.style.transform = originalTransform;\n                button.style.transition = 'all 0.3s ease';\n            }, 100);\n        }\n\n        function openVideoModal() {\n            \/\/ Set the video source with autoplay\n            document.getElementById('videoFrame').src = 'https:\/\/www.youtube.com\/embed\/JBNHQzSl3GM?autoplay=1&mute=1';\n            \n            \/\/ Show the modal with flex display for centering\n            const modal = document.getElementById('videoModal');\n            modal.style.display = 'flex';\n            \n            \/\/ Prevent body scrolling when modal is open\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeVideoModal() {\n            \/\/ Hide the modal\n            document.getElementById('videoModal').style.display = 'none';\n            \n            \/\/ Stop the video by removing the src\n            document.getElementById('videoFrame').src = '';\n            \n            \/\/ Restore body scrolling\n            document.body.style.overflow = 'auto';\n        }\n\n        \/\/ Close modal when clicking outside the video\n        document.getElementById('videoModal').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeVideoModal();\n            }\n        });\n\n        \/\/ Close modal with Escape key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                closeVideoModal();\n            }\n        });\n\n        \/\/ Complete theme toggle function - UPDATED WITH MISSING HEADER AND FOOTER SELECTORS\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n            const title = document.querySelector('.article-title');\n            const subtitle = document.querySelector('.article-subtitle');\n            const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n            const toggleButton = document.getElementById('theme-toggle');\n            const navHint = document.querySelector('.nav-hint');\n            \n            \/\/ Comment system selectors\n            const engagementContainer = document.querySelector('.engagement-container');\n            const commentForm = document.querySelectorAll('.comment-form-v1');\n            const commentItems = document.querySelectorAll('.comment-item');\n            const sortLabel = document.querySelector('.sort-label');\n            const sortDropdown = document.querySelector('.sort-dropdown');\n            const commentsHeader = document.querySelector('.comments-header');\n            const noCommentsMessage = document.querySelector('.no-comments-message');\n            \n            \/\/ HEADER SELECTORS - ADDED FOR FIX\n            const header = document.querySelector('.tbos-header');\n            const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n            const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n            const dropdownContent = document.querySelectorAll('.dropdown-content');\n            const hamburgerLines = document.querySelectorAll('.hamburger-line');\n            \n            \/\/ MOBILE MENU SELECTORS - ADDED FOR FIX\n            const mobileMenu = document.querySelector('.mobile-menu');\n            const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n            const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n            \n            \/\/ FOOTER SELECTORS - ADDED FOR FIX\n            const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n            const footerTitle = document.querySelector('.footer-card h4');\n            const footerText = document.querySelectorAll('.footer-card p');\n            const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n            const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n            \n            if (!isDarkTheme) {\n                \/\/ LIGHT THEME (Day Time)\n                console.log('Applying LIGHT theme');\n                \n                \/\/ Add light theme class to both html and body\n                html.classList.add('light-theme');\n                body.classList.add('light-theme');\n                \n                \/\/ Apply cream background\n                html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR LIGHT THEME - ADDED FOR FIX\n                if (header) {\n                    header.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    header.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    dropdown.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#2A2A2A', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#2A2A2A', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR LIGHT THEME - ADDED FOR FIX\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR LIGHT THEME - ADDED FOR FIX\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', 'important');\n                    footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#333333', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Light cards\n                contentCards.forEach(card => {\n                    if (card.classList.contains('keep-learning-section')) {\n                        card.style.setProperty('background-color', '#ffffff', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    } else {\n                        card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    }\n                    card.style.setProperty('color', '#2A2A2A', 'important');\n                    \n                    \/\/ Update headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Update strong\/highlighted text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#000000', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Update links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box');\n                    highlights.forEach(highlight => {\n                        highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n                        highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n                        highlight.style.setProperty('border-color', 'rgba(184,134,11,0.3)', 'important');\n                    });\n\n                    \/\/ Update keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                            input.style.setProperty('color', '#333333', 'important');\n                            input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Update title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n                \n                \/\/ Update nav hint to be black in light mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#000000', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Update comment system elements for light theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n                    engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    \/\/ Fix engagement content headings to be gold\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Fix engagement content text to be black\n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix engagement feature list items to be black\n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix username display placeholder text to be black\n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '#333333', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \/\/ FIXED: Update Step spans to be gold in light theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#B8860B', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n                    item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                    sortDropdown.style.setProperty('color', '#333333', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n                \n                \/\/ Update button style\n                toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n                toggleButton.style.setProperty('color', '#B8860B', 'important');\n                \n            } else {\n                \/\/ DARK THEME (Night Time)\n                console.log('Applying DARK theme');\n                \n                \/\/ Remove light theme class from both html and body\n                html.classList.remove('light-theme');\n                body.classList.remove('light-theme');\n                \n                \/\/ Reset to dark gradient\n                html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                \n                \/\/ UPDATE HEADER FOR DARK THEME - ADDED FOR FIX\n                if (header) {\n                    header.style.setProperty('background', '#1d1d1d', 'important');\n                    header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#1d1d1d', 'important');\n                    dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#f5ebd6', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#f5ebd6', 'important');\n                });\n                \n                \/\/ UPDATE MOBILE MENU FOR DARK THEME - ADDED FOR FIX\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n                    mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n                });\n                \n                \/\/ UPDATE FOOTER FOR DARK THEME - ADDED FOR FIX\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n                    footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                \/\/ Reset cards\n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#1d1d1d', 'important');\n                    card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    card.style.setProperty('color', '#fff', 'important');\n                    \n                    \/\/ Reset headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    \/\/ Reset text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    \/\/ Reset strong text\n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#F4C542', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    \/\/ Reset links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n                    \n                    \/\/ Reset highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box');\n                    highlights.forEach(highlight => {\n                        highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n                        highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n                        highlight.style.setProperty('border-color', 'rgba(244,197,66,0.3)', 'important');\n                    });\n\n                    \/\/ Reset keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                            input.style.setProperty('color', '#fff', 'important');\n                            input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Reset title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                    title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n                \n                \/\/ Reset nav hint to original color in dark mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                });\n                \n                \/\/ Reset comment system elements for dark theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n                    engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    \/\/ Reset engagement content elements\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#fff', 'important');\n                    });\n                    \/\/ Reset Step spans to original color in dark theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#F4C542', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n                    item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n                    sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n                \n                \/\/ Reset button style\n                toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n                toggleButton.style.setProperty('color', '#4CAF50', 'important');\n            }\n        }\n\n        \/\/ Animate content cards on scroll\n        function animateOnScroll() {\n            const cards = document.querySelectorAll('.content-card, .media-card');\n            \n            cards.forEach(card => {\n                const cardTop = card.getBoundingClientRect().top;\n                const cardBottom = card.getBoundingClientRect().bottom;\n                \n                if (cardTop < window.innerHeight && cardBottom > 0) {\n                    card.classList.add('animate-in');\n                }\n            });\n        }\n\/\/ Smooth scroll to anchor on page load with offset\ndocument.addEventListener('DOMContentLoaded', function() {\n    if (window.location.hash) {\n        setTimeout(function() {\n            const element = document.querySelector(window.location.hash);\n            if (element) {\n                const yOffset = -150; \/\/ Negative value = scroll UP from element\n                const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n                \n                window.scrollTo({\n                    top: yPosition,\n                    behavior: 'smooth'\n                });\n            }\n        }, 100);\n    }\n});\n            \n            \/\/ Initialize anonymous mode toggle\n            const anonymousCheckbox = document.getElementById('anonymousMode');\n            const emailGroup = document.getElementById('emailGroup');\n            \n            if (anonymousCheckbox && emailGroup) {\n                anonymousCheckbox.addEventListener('change', function() {\n                    if (this.checked) {\n                        emailGroup.style.display = 'none';\n                        document.getElementById('commentEmail').removeAttribute('required');\n                    } else {\n                        emailGroup.style.display = 'block';\n                        document.getElementById('commentEmail').setAttribute('required', '');\n                    }\n                });\n            }\n            \n            \/\/ Ensure progress bar starts at 0\n            updateProgressBar();\n            \n            console.log('\u2705 All components initialized successfully');\n        });\n\n        \/\/ Handle visibility change for audio\n        document.addEventListener('visibilitychange', function() {\n            if (document.hidden) {\n                \/\/ Pause any playing audio when tab is not visible\n                const nightAudio = document.getElementById('nightTimeAudio');\n                const dayAudio = document.getElementById('dayTimeAudio');\n                if (nightAudio) nightAudio.pause();\n                if (dayAudio) dayAudio.pause();\n            }\n        });\n\n        \/\/ Error handling for external scripts\n        window.addEventListener('error', function(e) {\n            if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n                console.warn('External script error detected, but core functionality preserved:', e.message);\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The Endocannabinoid System Explained: Your Body&#8217;s Natural Cannabis-Like Network | Two Birds One Stoned \u2715 Close The Endocannabinoid System \ud83e\udde0 Your body&#8217;s natural cannabis like communication network \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual explanation of your body&#8217;s hidden system \ud83c\udfa7 Listen on the Go Perfect for your commute or workout, audio [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1803","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/1803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/comments?post=1803"}],"version-history":[{"count":66,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/1803\/revisions"}],"predecessor-version":[{"id":8042,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/1803\/revisions\/8042"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/media?parent=1803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}