{"id":1860,"date":"2025-05-01T08:13:40","date_gmt":"2025-05-01T08:13:40","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=1860"},"modified":"2025-11-18T04:50:25","modified_gmt":"2025-11-18T04:50:25","slug":"medical-uses-of-cannabis","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/de\/medical-uses-of-cannabis\/","title":{"rendered":"Medizinische Anwendungen von Cannabis \ud83c\udfe5"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1860\" class=\"elementor elementor-1860\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-989e529 e-flex e-con-boxed e-con e-parent\" data-id=\"989e529\" 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-57891dc elementor-widget elementor-widget-html\" data-id=\"57891dc\" 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    <title>Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned<\/title>\n    \n    <!-- SEO Meta Tags -->\n    <meta name=\"description\" content=\"Wissenschaftlich fundierter Leitfaden zu medizinischem Cannabis bei Epilepsie, chronischen Schmerzen, Chemotherapie-Nebenwirkungen und Palliativpflege. Fakten ohne Hype.\">\n    <meta name=\"keywords\" content=\"medical cannabis, CBD epilepsy, chronic pain relief, chemotherapy nausea, palliative care, cannabis medicine, evidence-based\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"author\" content=\"James Gallagher, Two Birds One Stoned\">\n    \n    <!-- Open Graph for Social Media -->\n    <meta property=\"og:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n    <meta property=\"og:description\" content=\"Wissenschaftlich fundierter Leitfaden zu medizinischem Cannabis bei Epilepsie, chronischen Schmerzen, Chemotherapie-Nebenwirkungen und Palliativpflege. Fakten ohne Hype.\">\n    <meta property=\"og:type\" content=\"article\">\n    <meta property=\"og:url\" content=\"[YOUR-PAGE-URL]\">\n    <meta property=\"og:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"og:locale\" content=\"en_US\">\n    \n    <!-- Twitter Cards -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"Medical Uses for Cannabis: Evidence-Based Guide\">\n    <meta name=\"twitter:description\" content=\"Science-backed guide to medical cannabis for epilepsy, chronic pain, chemotherapy side effects, and palliative care.\">\n    <meta name=\"twitter:image\" content=\"[URL-TO-MEDICAL-CANNABIS-IMAGE]\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"[YOUR-PAGE-URL]\">\n    \n    <!-- Preload critical font -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\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        \/* 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        \/* 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        \/* 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        \/* Quote box styling *\/\n        .quote-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n            border: 2px solid rgba(244,197,66,0.3);\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 16px;\n            font-style: italic;\n            text-align: center;\n            font-size: 1.2rem;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Statistics box *\/\n        .stats-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08));\n            border: 2px solid rgba(244,197,66,0.3);\n            padding: 3rem;\n            margin: 3rem auto;\n            border-radius: 16px;\n            text-align: center;\n            max-width: 700px;\n            position: relative;\n            overflow: visible;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        .stats-box h4 {\n            font-size: 2rem;\n            color: #F4C542;\n            margin-bottom: 2rem;\n            text-align: center;\n            font-weight: 600;\n        }\n\n        .stats-number {\n            font-size: 3.5rem;\n            color: #F4C542;\n            font-weight: 700;\n            margin: 1.5rem 0;\n            display: block;\n            line-height: 1.2;\n        }\n\n        .stats-description {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            margin: 1rem 0;\n            display: block;\n            line-height: 1.5;\n        }\n\n        \/* Charlotte's Web highlight *\/\n        .charlotte-highlight {\n            background: linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08));\n            border: 2px solid rgba(76,175,80,0.3);\n            padding: 3rem;\n            margin: 3rem auto;\n            border-radius: 16px;\n            text-align: center;\n            max-width: 800px;\n            position: relative;\n            overflow: visible;\n            box-shadow: 0 4px 12px rgba(76,175,80,0.1);\n        }\n\n        .charlotte-highlight h4 {\n            font-size: 2rem;\n            color: #4CAF50;\n            margin-bottom: 2rem;\n            text-align: center;\n            font-weight: 600;\n        }\n\n        .charlotte-highlight .reduction-text {\n            font-size: 2.8rem;\n            color: #4CAF50;\n            font-weight: 700;\n            margin: 3rem 0 2rem 0;\n            clear: both;\n            display: block;\n            width: 100%;\n            text-align: center;\n        }\n\n        .charlotte-highlight .before-after {\n            display: flex;\n            justify-content: space-around;\n            align-items: center;\n            margin: 3rem 0;\n            flex-wrap: wrap;\n            gap: 2rem;\n        }\n\n        .before-after-item {\n            text-align: center;\n            margin: 1rem;\n            flex: 1;\n            min-width: 150px;\n            max-width: 200px;\n        }\n\n        .before-after-number {\n            font-size: 4rem;\n            font-weight: 700;\n            margin: 1rem 0;\n            display: block;\n            line-height: 1;\n        }\n\n        .before-number {\n            color: #ff6b6b;\n        }\n\n        .after-number {\n            color: #4CAF50;\n        }\n\n        .before-after-label {\n            font-size: 1rem;\n            color: #E3E3DC;\n            font-weight: 600;\n            margin-top: 1rem;\n            display: block;\n            line-height: 1.3;\n            letter-spacing: 0.5px;\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                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            .charlotte-highlight {\n                padding: 2rem 1.5rem !important;\n                margin: 3rem auto !important;\n            }\n\n            .charlotte-highlight .before-after {\n                flex-direction: column !important;\n                gap: 2rem !important;\n                margin: 2rem 0 !important;\n            }\n\n            .charlotte-highlight .before-after-item {\n                margin: 0.5rem auto !important;\n                min-width: 120px !important;\n                max-width: 180px !important;\n            }\n\n            .charlotte-highlight .before-after-number {\n                font-size: 2.5rem !important;\n                margin: 0.5rem 0 !important;\n            }\n\n            .charlotte-highlight .reduction-text {\n                font-size: 1.8rem !important;\n                margin: 2rem 0 1.5rem 0 !important;\n                line-height: 1.3 !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                overflow: visible !important;\n                white-space: normal !important;\n                word-wrap: break-word !important;\n            }\n\n            .before-after-number {\n                font-size: 3rem;\n            }\n\n            .stats-number {\n                font-size: 2.8rem;\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>\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    <section class=\"article-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-section\">\n                <h1 class=\"article-title\">Medizinische Anwendungen von Cannabis \ud83c\udfe5<\/h1>\n                <p class=\"article-subtitle\">Von der Anfallsreduktion bis zur Schmerzlinderung - Erforschung des therapeutischen Potenzials von Cannabis-Medizin<\/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 with ID anchor -->\n                <div class=\"media-card animate-in\" id=\"video-content\">\n                    <h3>\ud83c\udfac Schau dir die Geschichte von medizinischem Cannabis an<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Sieh, wie Cannabis die moderne Medizin transformiert<\/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\/u2_udA6uwrc\" \n        data-en=\"u2_udA6uwrc\"\n        data-ga=\"8LiKwCtEMk0\"\n        data-es=\"xAwHY72KmKA\"\n        data-de=\"Mn87Xy7bNXU\"\n        data-pt=\"TOHjIBkkivs\"\n        data-fr=\"gT_eCI8WCzs\"\n        data-it=\"i0eEU9YMC3g\"\n        data-pl=\"folAHtRW80A\"\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 with ID anchor -->\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\/2VY8CunM4JCxNiezG60nPj?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            <!-- 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 with ID anchor -->\n            <div class=\"content-section\" id=\"written-content\">\n                <h2 class=\"content-section-title\">Medizinische Anwendungen von Cannabis \ud83c\udfe5<\/h2>\n\n                <!-- Opening Section -->\n                <div class=\"content-card\">\n                    <h3>Die Realit\u00e4tspr\u00fcfung<\/h3>\n                    <p class=\"content-text translation-block\">Ab 2015, in Australien, <strong style=\"font-weight: 700 !important\">waren 80% der \u00dcberdosierungstodesf\u00e4lle mit legal verschriebenen pharmazeutischen Medikamenten verbunden<\/strong>, wie Opioide. 80. Ja 80%. Das ist eine Tatsache, keine erfundene Zahl. Achtzig.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Wenn Cannabis die Anf\u00e4lle eines Kindes von 50 pro Tag auf nur 2 oder 3 pro Monat reduzieren kann...eine <strong style=\"font-weight: 700 !important\">500-fache Verringerung<\/strong>...ist das nicht zumindest einen genaueren Blick wert?<\/p>\n                    \n                    <p class=\"content-text translation-block\">Schau einfach, wie Cannabis bei <a href=\"https:\/\/www.youtube.com\/watch?v=zNT8Zo_sfwo\" target=\"_blank\">Tremor und motorischen F\u00e4higkeiten durch die Parkinson-Krankheit helfen kann<\/a>. Es ist ein Video von einem pensionierten Polizeihauptmann, der Cannabis zum ersten Mal ausprobiert.<\/p>\n                    \n                    <p class=\"content-text\">Im Gegensatz zu Substanzen wie Alkohol oder Opioiden hat Cannabis ein niedriges Toxizit\u00e4tsprofil und ist nicht mit t\u00f6dlicher \u00dcberdosierung verbunden, wie durch Daten des National Institute on Drug Abuse (NIDA) belegt wird.<\/p>\n                    \n                    <div class=\"quote-box\">\n                        <p class=\"content-text\">Warum wird also eine Pflanze, die keine t\u00f6dliche \u00dcberdosierung verursachen kann, immer noch als gef\u00e4hrlicher angesehen als legale Drogen, die t\u00e4glich Menschen t\u00f6ten?<\/p>\n                    <\/div>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Common-sense-man-on-tree.jpg\" alt=\"Common sense illustration\">\n                    <\/div>\n                    \n                    <p class=\"content-text\" style=\"text-align: center;\">Um diesen Artikel zu beginnen, habe ich eine \u00f6ffentliche Bekanntmachung.<\/p>\n                <\/div>\n\n                <!-- PSA Section -->\n                <div class=\"content-card\">\n                    <h3>ICH BIN KEIN ARZT, KEINE KRANKENSCHWESTER ODER PRAKTIKER JEGLICHER ART.<\/h3>\n                    \n                    <p class=\"content-text\">Nimm nicht, und ich wiederhole, nimm keine medizinischen Ratschl\u00e4ge von mir an, oder ich drehe dieses Auto sofort um. Wenn du beabsichtigst, eine deiner Erkrankungen mit Cannabis zu behandeln<\/p>\n                    \n                    <p class=\"content-text translation-block\">Unten sind einige der wichtigsten medizinischen Erkrankungen aufgef\u00fchrt, bei denen Menschen Cannabis zur Selbstbehandlung verwenden. Ich versuche, das Gespr\u00e4ch zu beginnen, das du mit einem medizinisch ausgebildeten Praktiker f\u00fchren kannst. Der folgende Inhalt kann dir <strong style=\"font-weight: 700 !important\">etwas Kontext geben<\/strong>, wenn du in dieses Gespr\u00e4ch gehst, damit du etwas besser informiert sein kannst.<\/p>\n                    \n<div class=\"center-image\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Charolette-FIgi.png\" alt=\"Charlotte Figi\">\n    <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">Quelle: <a href=\"https:\/\/realitysandwich.com\/charlotte-figi\/\" target=\"_blank\" style=\"color: #E3E3DC;\">https:\/\/realitysandwich.com\/charlotte-figi\/<\/a><\/p>\n<\/div>\n                    \n                    <p class=\"content-text translation-block\">Stell dir vor: Dein Kind, gerade f\u00fcnf Jahre alt, erleidet bis zu 50 Anf\u00e4lle pro Tag. Du hast alles versucht, jedes Medikament, jedes Verfahren, und nichts funktioniert. Dann, mit einem winzigen Tropfen CBD-\u00d6l unter der Zunge deiner Tochter, h\u00f6ren die Anf\u00e4lle auf. Nicht vollst\u00e4ndig, aber genug, um ihr eine Chance auf ein Leben zu geben, das nicht von Kr\u00e4mpfen dominiert wird. Das war <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">Charlotte Figis Geschichte<\/a>, und sie ver\u00e4nderte, wie die Welt Cannabis betrachtete.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Vom alten China bis 1961, als die Vereinten Nationen Cannabis als Substanz mit <strong style=\"font-weight: 700 !important\">\"hohem Missbrauchspotenzial und begrenztem medizinischem Nutzen\"<\/strong> einstuften, trug diese Pflanze ein Stigma. Doch hier sind wir im Jahr 2025 und nutzen sie, um Schmerzen zu lindern, \u00dcbelkeit zu bek\u00e4mpfen, Anf\u00e4lle zu beruhigen und Leben zu verbessern.<\/p>\n                    \n                    <p class=\"content-text\">Also ja, wenn wir das Gespr\u00e4ch dar\u00fcber beginnen k\u00f6nnen, wie Cannabis Menschen helfen kann, ihre Lebensqualit\u00e4t zu verbessern, w\u00e4re das cool.<\/p>\n                    \n                    <h4>Die Erkrankungen, auf die ich eingehen werde, bei denen Cannabis helfen kann, Symptome zu lindern, sind:<\/h4>\n                    <ul>\n                        <li>Chemotherapie-induzierte \u00dcbelkeit und Erbrechen<\/li>\n                        <li>Chronische Schmerzen<\/li>\n                        <li>Epilepsie<\/li>\n                        <li>Palliativpflege<\/li>\n                    <\/ul>\n                    \n                    <p class=\"content-text\">Ich kann nicht jede Erkrankung abdecken, bei deren Behandlung Cannabis helfen kann, weil es zu viel ist, um es in einem Beitrag zu verarbeiten. Einige der Erkrankungen, bei denen Cannabis helfen kann, auf die ich nicht eingehen werde, umfassen, sind aber nicht beschr\u00e4nkt auf Endometriose, HIV\/AIDS, Multiple Sklerose, PTBS, Angst, Schlaflosigkeit, Alzheimer und Morbus Crohn.<\/p>\n                    \n                    <p class=\"content-text\">Lass uns anfangen.<\/p>\n                <\/div>\n\n                <!-- CINV Section -->\n                <div class=\"content-card\">\n                    <h3>Chemotherapie-induzierte \u00dcbelkeit und Erbrechen - (CINV)<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Cancer-patient-smoking.png\" alt=\"Cancer patient smoking cannabis\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Die Krebsbehandlung ist zerm\u00fcrbend, aber f\u00fcr viele Patienten sind es nicht nur die Krankheit, sondern die Nebenwirkungen. \u00dcbelkeit und Erbrechen treffen wie eine Flutwelle und rauben den Menschen ihre F\u00e4higkeit zu essen, zu funktionieren oder sogar zu hoffen. Chemotherapie-induzierte \u00dcbelkeit und Erbrechen sind eine der h\u00e4ufigsten und belastendsten akuten Nebenwirkungen der Krebsbehandlung. Sie treten bei bis zu <strong style=\"font-weight: 700 !important\">80% der Patienten<\/strong> auf und k\u00f6nnen die Lebensqualit\u00e4t eines Patienten erheblich beeintr\u00e4chtigen.<\/p>\n                            \n                            <p class=\"content-text\">Stell dir die schlimmste Lebensmittelvergiftung vor, die du je hattest, du liegst zusammengerollt da, schwitzt, dir ist \u00fcbel und du bettelst deinen K\u00f6rper an, es einfach hinter sich zu bringen. Stell dir nun vor, dass dich das jeden Tag trifft, ohne Vorwarnung und oft ohne Linderung. So kann sich Chemotherapie-induzierte \u00dcbelkeit und Erbrechen (CINV) anf\u00fchlen.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n                    \n                    <h4>Also wie genau hilft Cannabis bei den Auswirkungen der Chemotherapie?<\/h4>\n                    \n                    <p class=\"content-text translation-block\">THC und CBD interagieren mit deinem Gehirn und Darm und blockieren die Signale, die dich krank f\u00fchlen lassen. THC und CBD interagieren mit Cannabinoid-Rezeptoren im K\u00f6rper, insbesondere den CB1-Rezeptoren, die sich im Gehirn und im Magen-Darm-Trakt befinden. Der <strong style=\"font-weight: 700 !important\">Magen-Darm-Trakt<\/strong> ist hier wichtig. Die Aktivierung dieser Rezeptoren kann die Freisetzung von Neurotransmittern hemmen, die \u00dcbelkeit und Erbrechen ausl\u00f6sen. Es hemmt auch Serotonin (5-HT3)-Rezeptoren, die am Erbrechensreflex beteiligt sind. Durch das Blockieren dieser Rezeptoren kann Cannabis das Gef\u00fchl von \u00dcbelkeit reduzieren. Sie sagen kein Mensch, kein Erbrechen jetzt bitte.<\/p>\n                    \n                    <div class=\"center-image\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/5050-movie.jpg\" alt=\"50\/50 movie scene\">\n                        <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\">(50\/50 srs Film. Krebspatienten rauchen zusammen Cannabis, um \u00dcbelkeit, Schmerzen und Angst zu lindern)<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text translation-block\">In randomisierten, placebokontrollierten klinischen Studien reduzierte ein ausgewogenes <strong style=\"font-weight: 700 !important\">THC:CBD-Verh\u00e4ltnis (1:1)<\/strong> die \u00dcbelkeitswerte bei Krebspatienten, die alle anderen Behandlungen ausgesch\u00f6pft hatten, signifikant. Die Ergebnisse zeigten, dass die Gruppe, die den Cannabis-Extrakt erhielt, eine h\u00f6here Rate an \"vollst\u00e4ndiger Reaktion\" (kein Erbrechen und keine Notwendigkeit f\u00fcr zus\u00e4tzliche Medikamente) im Vergleich zur Placebo-Gruppe hatte. Sie erlebten auch insgesamt weniger \u00dcbelkeit und bevorzugten die Cannabis-Behandlung.<\/p>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/when-breath-becomes-air.jpg\" alt=\"When Breath Becomes Air book cover\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Zu sehen, wie die Lebensqualit\u00e4t eines geliebten Menschen vor deinen Augen verf\u00e4llt, muss eines der schlimmsten Dinge sein, die du im Leben erleben kannst, stelle ich mir vor. Wir alle wissen, was Krebs und Chemotherapie mit einem Menschen anrichten, k\u00f6rperlich und geistig. Ich habe tats\u00e4chlich gerade <strong style=\"font-weight: 700 !important\">Bevor ich jetzt gehe<\/strong> fertig gelesen. Es ist eine fantastische Lekt\u00fcre und eine deutliche Erinnerung daran, wie zerm\u00fcrbend und entmenschlichend eine schwere Krankheit sein kann. Wie Behandlungen wie Chemotherapie nicht nur den K\u00f6rper zerm\u00fcrben, sondern auch an deinem Identit\u00e4tsgef\u00fchl, deiner Zeit und deiner Kontrolle nagen. Es lohnt sich zu lesen, um dich daran zu erinnern, wie sehr wir das einfache Geschenk \u00fcbersehen, sich wie man selbst zu f\u00fchlen. Du gehst weg und denkst anders \u00fcber Zeit, Gesundheit und was wirklich wichtig ist.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                   <p class=\"content-text translation-block\">Wenn das Anz\u00fcnden eines Joints ihnen auch nur einen Hauch von Erleichterung verschafft, wer zum Teufel sind wir, sie aufzuhalten? Viele Menschen geben die Chemotherapie aufgrund der Nebenwirkungen auf. <strong style=\"font-weight: 700 !important\">Sie nehmen sich buchst\u00e4blich ihre \u00dcberlebenschance<\/strong>, weil es zu viel Schmerz und \u00c4rger ist, weiterzumachen. Das ist an sich ein verr\u00fccktes Konzept. Wenn mein Freund oder Familienmitglied mir sagt, dass er durch Cannabis w\u00e4hrend der Chemotherapie Linderung erf\u00e4hrt, bin ich sein Dealer. Absolut keine Frage, egal welche Regeln gelten. Sorry x<\/p>\n                    \n                    <p class=\"content-text\">In verschiedenen Studien haben Patienten eine Pr\u00e4ferenz f\u00fcr Cannabinoid-Behandlungen gegen\u00fcber traditionellen Antiemetika ausgedr\u00fcckt, wobei sie oft eine bessere Symptomlinderung und weniger Nebenwirkungen anf\u00fchren.<\/p>\n                    \n                \n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">All diese Erkenntnisse deuten darauf hin, dass Cannabis eine wertvolle Option zur Behandlung von CINV sein kann, insbesondere f\u00fcr Patienten, die nicht gut auf standardm\u00e4\u00dfige Antiemetika-Behandlungen ansprechen.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Chronic Pain Section -->\n                <div class=\"content-card\">\n                    <h3>Chronische Schmerzen<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Chronic-pain.png\" alt=\"Man with chronic back pain\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Chronische Schmerzen sind unerbittlich. Es ist ihnen egal, ob du Arbeit zu erledigen hast, Kinder zu versorgen oder Tr\u00e4ume zu verfolgen. F\u00fcr Millionen weltweit ist es ein t\u00e4glicher Kampf, der niemals endet.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Chronische Schmerzen k\u00f6nnen als jeder Schmerz definiert werden, der l\u00e4nger als <strong style=\"font-weight: 700 !important\">3 Monate<\/strong> anh\u00e4lt und nicht verschwunden ist. Sie k\u00f6nnen aus verschiedenen Zust\u00e4nden resultieren, wie Verletzungen, Operationen, muskuloskelettalen Problemen, Krebs oder manchmal ohne offensichtliche k\u00f6rperliche Ursache. Sie k\u00f6nnen die Lebensqualit\u00e4t einer Person erheblich beeintr\u00e4chtigen und t\u00e4gliche Aktivit\u00e4ten, Arbeit und soziale Interaktionen st\u00f6ren.<\/p>\n                            \n                            <p class=\"content-text\">Es betrifft etwa 20% der Menschen weltweit. Die h\u00e4ufigsten Ursachen chronischer Schmerzen sind Arthrose und R\u00fcckenschmerzen.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n                    \n                    <p class=\"content-text\">Cannabis interagiert mit dem k\u00f6rpereigenen Endocannabinoid-System (ECS) und zielt auf CB1- und CB2-Rezeptoren ab, um chronische Schmerzen zu lindern. CB1-Rezeptoren, haupts\u00e4chlich im Gehirn und Nervensystem, werden durch THC aktiviert, wodurch Schmerzsignale reduziert und die Schmerzwahrnehmung ver\u00e4ndert werden, was oft ein Gef\u00fchl der Distanz zum Schmerz erzeugt.<\/p>\n                    \n                    <p class=\"content-text translation-block\">CB2-Rezeptoren, die sich im Immunsystem befinden, werden durch Cannabinoide stimuliert, um Entz\u00fcndungen zu reduzieren, indem sie pro-inflammatorische Zytokine verringern. Diese entz\u00fcndungshemmende Wirkung hilft, die Grundursache von Schmerzen bei Erkrankungen wie Arthritis anzugehen. Zus\u00e4tzlich <strong style=\"font-weight: 700 !important\">ver\u00e4ndert Cannabis, wie das Gehirn Schmerzen verarbeitet<\/strong>, macht sie weniger aufdringlich und ertr\u00e4glicher und verbessert die Lebensqualit\u00e4t erheblich.<\/p>\n                    \n                    <h4>Warum also Cannabis verwenden, um chronische Schmerzen zu behandeln?<\/h4>\n                    \n                    <p class=\"content-text translation-block\">Das ber\u00fchrt, wor\u00fcber ich im <a href=\"https:\/\/twobirdsonestoned.co\/de\/the-endocannabinoid-system\/\" target=\"_blank\">Artikel \u00fcber das Endocannabinoid-System<\/a> gesprochen habe. Cannabis wird derzeit als Zweit- oder Endlinienbehandlung eingesetzt. Das bedeutet, dass wir nicht sofort nach Cannabis suchen, wenn wir einige der oben aufgef\u00fchrten Probleme erleben.<\/p>\n                    \n                    <p class=\"content-text\">Damit ist historisch in der Vergangenheit mit bestimmten anderen Medikamenten, die zur Behandlung chronischer Schmerzen verschrieben werden, bestimmte Opioide um genau zu sein, passiert, dass sie gelinde gesagt einige interessante Statistiken hervorgebracht haben.<\/p>\n                    \n                    <h4>Sprechen wir \u00fcber Zahlen:<\/h4>\n                    <ul>\n                        <li class=\"translation-block\">In den USA <strong style=\"font-weight: 700 !important\">sterben jeden Tag 130 Menschen an Opioid-\u00dcberdosierungen<\/strong>.<\/li>\n                        <li class=\"translation-block\">In Australien <strong style=\"font-weight: 700 !important\">sind 80% der Todesf\u00e4lle durch \u00dcberdosierung mit Arzneimitteln verbunden<\/strong> wie Opioiden.<\/li>\n                    <\/ul>\n                    \n<div class=\"center-image\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Opiod-death-chart.jpg\" alt=\"U.S. Overdose Deaths Involving Prescription Opioids Chart\">\n    <p style=\"text-align: center; font-style: italic; color: #E3E3DC; margin-top: 1rem;\" class=\"translation-block\">Quelle: <a href=\"https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates\" target=\"_blank\">https:\/\/nida.nih.gov\/research-topics\/trends-statistics\/overdose-death-rates<\/a><\/p>\n<\/div>\n                    \n                    <p class=\"content-text\">Diese Statistiken sind herzzerrei\u00dfend, besonders wenn man bedenkt, wie viele dieser Leben mit alternativen Behandlungen wie Cannabis h\u00e4tten gerettet werden k\u00f6nnen. Im Gegensatz zu Opioiden unterdr\u00fcckt Cannabis nicht dein Atmungssystem. Mit anderen Worten, es wird dich nicht am Atmen hindern.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Netflix' <a href=\"https:\/\/www.youtube.com\/watch?v=uQsagQwSLBY\" target=\"_blank\">\"Painkiller\"<\/a> wirft einen beunruhigenden Blick darauf, wie wir hierher gekommen sind, aber Cannabis bietet einen Ausweg, einen Weg, Schmerzen zu bew\u00e4ltigen <strong style=\"font-weight: 700 !important\">ohne Leben zu riskieren<\/strong>.<\/p>\n                <\/div>\n\n                <!-- Epilepsy Section -->\n                <div class=\"content-card\">\n                    <h3>Epilepsie<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Epilepsy.png\" alt=\"Person having seizure with help\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Charlotte Figi ist nicht allein. Weltweit leben 50 Millionen Menschen mit Epilepsie, und f\u00fcr viele funktionieren Standardbehandlungen nicht.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Es gibt derzeit <strong style=\"font-weight: 700 !important\">keine Heilung f\u00fcr Epilepsie<\/strong>, nur Behandlungen, die bei der Schwere und H\u00e4ufigkeit der Anf\u00e4lle helfen k\u00f6nnen.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Um zu verstehen, wie Cannabis Patienten mit Epilepsie hilft, <a href=\"https:\/\/www.youtube.com\/watch?v=JUCaBvF0_YM\" target=\"_blank\">schau dir dieses Video an<\/a>. Es geht um Charlotte Figi, ein Kind mit einer katastrophalen Form von Epilepsie, das die CBD-Bewegung inspirierte. Charlotte war ein f\u00fcnfj\u00e4hriges M\u00e4dchen, das 50 medikamentenresistente epileptische Anf\u00e4lle pro Tag hatte. Pro Tag\u2026.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n                    \n                    <p class=\"content-text\">Sie wurde dann mit einer hochdosierten CBD-Formulierung behandelt, die heute als Charlotte's Web bekannt ist. Was geschah, als sie begann, diese CBD-Formulierung einzunehmen?<\/p>\n                    \n                    <div class=\"charlotte-highlight\">\n                        <h4>Charlottes Geschichte: Vor und Nach CBD<\/h4>\n                        <div class=\"before-after\">\n                            <div class=\"before-after-item\">\n                                <div class=\"before-after-number before-number\">50<\/div>\n                                <div class=\"before-after-label\">ANF\u00c4LLE PRO TAG<\/div>\n                            <\/div>\n                            <div style=\"font-size: 2rem; color: #F4C542; align-self: center;\">\u2192<\/div>\n                            <div class=\"before-after-item\">\n                                <div class=\"before-after-number after-number\">2-3<\/div>\n                                <div class=\"before-after-label\">ANF\u00c4LLE PRO MONAT<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"reduction-text\">99,83% REDUKTION<\/div>\n                        <p class=\"content-text\" style=\"margin-top: 1.5rem; clear: both;\">Als nichts anderes funktionierte, kam Cannabis und reduzierte die Anf\u00e4lle um 99,83%. Es stellt sich heraus, dass es doch einen Nutzen hat.<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Beachte, wie ich CBD ausdr\u00fccklich erw\u00e4hne. Wenn wir dar\u00fcber diskutieren, wie Cannabis bei Epilepsie helfen kann, sprechen wir wirklich \u00fcber die CBD-Verbindung. Wenn wir an die Hauptgr\u00fcnde denken, warum Cannabis als medizinische Hilfe f\u00fcr Menschen zugelassen wurde, w\u00e4re diese Geschichte einer der Hauptgr\u00fcnde, wenn nicht sogar der Hauptgrund.<\/p>\n                    \n                    <p class=\"content-text translation-block\">Es brach das Stigma um Cannabis, indem es zeigte, dass es nicht diese b\u00f6se Droge war, die dich dazu brachte, <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\">deinen Partner zu ermorden und von Hochhausd\u00e4chern in den Tod zu springen<\/a>.<\/p>\n                    \n                    <h4>Wie funktioniert es also eigentlich?<\/h4>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-26-2025-05_56_20-PM.png\" alt=\"CBD seizure mechanism diagram\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">Nun, wenn du richtig nerdig werden willst, hier ist, was auf wissenschaftlicher Ebene passiert. <strong style=\"font-weight: 700 !important\">CBD hemmt LPI<\/strong>, das normalerweise Nervensignale verst\u00e4rkt und Anf\u00e4lle f\u00f6rdern kann. Es wirkt als <strong style=\"font-weight: 700 !important\">funktioneller Antagonist von GPR55<\/strong>, einem Rezeptor, der an neuronaler Erregbarkeit beteiligt ist, und blockiert nicht nur erregende Signale, sondern verst\u00e4rkt auch hemmende Signale, die Anf\u00e4llen entgegenwirken. Damit bricht es die positive R\u00fcckkopplungsschleife, indem es den Zyklus unterbricht, bei dem Anf\u00e4lle die LPI-zu-GPR55-Signal\u00fcbertragung erh\u00f6hen, was wiederum mehr Anf\u00e4lle f\u00f6rdert.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Disfruto desglosando los aspectos t\u00e9cnicos del cannabis, profundizando en las formas intrincadas en que interact\u00faa con nuestros cuerpos. Solo que no creo que sea informaci\u00f3n digerible para todos. Si es algo que le interesa a la gente, d\u00e9jenmelo saber y puedo explorar esto m\u00e1s x<\/p>\n                    \n                    <p class=\"content-text\">Es ist keine vollst\u00e4ndige L\u00f6sung und deckt nicht die gesamte Epilepsie ab, aber wir k\u00f6nnen sehen, dass es eine gro\u00dfe Hilfe f\u00fcr Menschen sein kann, die Hilfe brauchen.<\/p>\n                <\/div>\n\n                <!-- Palliative Care Section -->\n                <div class=\"content-card\">\n                    <h3>Palliativpflege<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Pallative-care.jpg\" alt=\"Palliative care scene with family\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text\">Los cuidados paliativos se tratan de dignidad, asegurando que las personas que enfrentan enfermedades limitantes de la vida puedan vivir sus \u00faltimos d\u00edas con la mayor comodidad y calidad posible.<\/p>\n                            \n                            <p class=\"content-text translation-block\">Ich finde es ein cooles Konzept, dass wir alle mit unterschiedlichen Geschwindigkeiten langsam sterben. Als ob etwas auf uns zukommt, es passiert vielleicht erst in 2\/14\/41\/72 Jahren und wir wissen nicht, was uns erwischt. Krebs, G\u00fcterzug, Herzinfarkt, John Wick. Gibt es eine tickende Zeitbombe drinnen? Wer wei\u00df das schon. <strong style=\"font-weight: 700 !important\">Du stirbst langsam, w\u00e4hrend du das liest<\/strong>, etwas frisst an unserem Leben im Hintergrund\u2026. Nomnomnomnom.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n                    \n                    <p class=\"content-text\">Das ist die harte Realit\u00e4t: Jeder einzelne von uns stirbt, nur mit unterschiedlichen Geschwindigkeiten. F\u00fcr diejenigen in der Palliativpflege ist das Ende n\u00e4her, aber das bedeutet nicht, dass sie unn\u00f6tig leiden sollten.<\/p>\n                    \n                    <p class=\"content-text\">Cannabis hilft auch hier. Es lindert Schmerzen, stellt den Appetit wieder her und beruhigt die Angst, die oft mit terminalen Diagnosen einhergeht. Jetzt mal ganz hippie-m\u00e4\u00dfig, es beeinflusst wirklich, wie du deine Welt wahrnimmst. Es kann dir eine gr\u00f6\u00dfere Wertsch\u00e4tzung f\u00fcr das Leben geben und dir helfen, dich mit deiner Situation abzufinden.<\/p>\n                    \n                    <div class=\"stats-box\">\n                        <h4>Verbesserung der Lebensqualit\u00e4t<\/h4>\n                        <p class=\"stats-description\">Eine Studie mit \u00fcber 3.000 Krebspatienten ergab, dass medizinisches Cannabis Symptome, die in der Palliativpflege h\u00e4ufig auftreten, einschlie\u00dflich Schmerzen, \u00dcbelkeit, Angst und Schlafst\u00f6rungen, signifikant verbesserte.<\/p>\n                        \n                        <div style=\"margin: 2rem 0;\">\n                            <div class=\"stats-number\">18.7%<\/div>\n                            <p class=\"stats-description\">Vor der Behandlung<\/p>\n                            <div style=\"margin: 1rem 0; font-size: 2rem; color: #F4C542;\">\u2193<\/div>\n                            <div class=\"stats-number\">69.5%<\/div>\n                            <p class=\"stats-description\">Nach sechs Monaten Cannabis-Konsum<\/p>\n                        <\/div>\n                        \n                        <p class=\"content-text\" style=\"margin-top: 1.5rem; font-weight: bold; color: #E3E3DC;\">Der Prozentsatz der Patienten, die eine gute Lebensqualit\u00e4t meldeten, stieg dramatisch an.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Summary Section -->\n                <div class=\"content-card\">\n                    <h3>Abschlie\u00dfende Gedanken<\/h3>\n                    <p class=\"content-text\">Die Mathematik passt nicht dazu, warum Cannabis weltweit so verboten ist und wie es von den Menschen in Bezug auf seine Sicherheit gesehen wird. Die Zahlen oben zeigen das.<\/p>\n                    \n                    <div class=\"quote-box\">\n                        <p class=\"content-text\">Hier ist die Frage, die ich dir stelle: Wenn eine einzige Pflanze Leiden lindern, Leben verbessern und Hoffnung bieten kann, wo es keine gab, warum sollten wir dann jemals z\u00f6gern, ihr Potenzial zu erforschen?<\/p>\n                    <\/div>\n                    \n                    <p class=\"content-text\">Dieses Gespr\u00e4ch. Lass es uns weitermachen<\/p>\n                    \n                    <div class=\"section-divider\"><\/div>\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>Australian Institute of Health and Welfare, 2019. <em>Drug-related deaths in Australia 1997\u20132017<\/em>. Canberra: AIHW.<\/p>\n                        \n                        <p>Devinsky, O., Cross, J.H., Laux, L., Marsh, E., Miller, I., Nabbout, R., Scheffer, I.E., Thiele, E.A. and Wright, S., 2017. Trial of cannabidiol for drug-resistant seizures in the Dravet syndrome. <em>New England Journal of Medicine<\/em>, 376(21), pp.2011-2020.<\/p>\n                        \n                        <p>H\u00e4user, W., Petzke, F. and Fitzcharles, M.A., 2018. Efficacy, tolerability and safety of cannabis-based medicines for chronic pain management\u2013an overview of systematic reviews. <em>European Journal of Pain<\/em>, 22(3), pp.455-470.<\/p>\n                        \n                        <p>Inglet, S., Winter, B., Yost, S.E., Entringer, S., Lian, A., Biksacky, M. and Pitt, K.M., 2020. Clinical data for the use of cannabis-based treatments: a comprehensive review of the literature. <em>Annals of Pharmacotherapy<\/em>, 54(11), pp.1109-1143.<\/p>\n                        \n                        <p>Kleckner, A.S., Kleckner, I.R., Kamen, C.S., Tejani, M.A., Janelsins, M.C., Morrow, G.R. and Peppone, L.J., 2019. Opportunities for cannabis in supportive care in cancer. <em>Therapeutic Advances in Medical Oncology<\/em>, 11, p.1758835919866362.<\/p>\n                        \n                        <p>Laux, L.C., Bebin, E.M., Checketts, D., Chez, M., Flamini, R., Marsh, E.D., Miller, I., Nichol, K., Park, Y., Segal, E. and Seltzer, L.E., 2019. Long-term safety and efficacy of cannabidiol in children and adults with treatment resistant Lennox-Gastaut syndrome or Dravet syndrome: Expanded access program results. <em>Epilepsy Research<\/em>, 154, pp.13-20.<\/p>\n                        \n                        <p>MacCallum, C.A. and Russo, E.B., 2018. Practical considerations in medical cannabis administration and dosing. <em>European Journal of Internal Medicine<\/em>, 49, pp.12-19.<\/p>\n                        \n                        <p>National Academy of Sciences, Engineering, and Medicine, 2017. <em>The health effects of cannabis and cannabinoids: the current state of evidence and recommendations for research<\/em>. Washington, DC: The National Academies Press.<\/p>\n                        \n                        <p>Piper, B.J., DeKeuster, R.M., Beals, M.L., Cobb, C.M., Burchman, C.A., Perkinson, L., Lynn, S.T., Nichols, S.D. and Abess, A.T., 2017. Substitution of medical cannabis for pharmaceutical agents for pain, anxiety, and sleep. <em>Journal of Psychopharmacology<\/em>, 31(5), pp.569-575.<\/p>\n                        \n                        <p>Sallan, S.E., Zinberg, N.E. and Frei III, E., 1975. Antiemetic effect of delta-9-tetrahydrocannabinol in patients receiving cancer chemotherapy. <em>New England Journal of Medicine<\/em>, 293(16), pp.795-797.<\/p>\n                        \n                        <p>Schrot, R.J. and Hubbard, J.R., 2016. Cannabinoids: medical implications. <em>Annals of Medicine<\/em>, 48(3), pp.128-141.<\/p>\n                        \n                        <p>Whiting, P.F., Wolff, R.F., Deshpande, S., Di Nisio, M., Duffy, S., Hernandez, A.V., Keurentjes, J.C., Lang, S., Misso, K., Ryder, S. and Schmidlkofer, S., 2015. Cannabinoids for medical use: a systematic review and meta-analysis. <em>JAMA<\/em>, 313(24), pp.2456-2473.<\/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                        \ud83c\udf3f Geh auf Entdeckung\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');\n    const currentEmoji = button.textContent.trim();\n    \n    if (currentEmoji === '\ud83c\udf19' || button.textContent.trim() === 'Night Time') {\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    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        \/\/ Complete theme toggle function - UPDATED WITH MOBILE MENU FIX\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\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\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\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 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\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, .quote-box, .stats-box, .charlotte-highlight');\n                    highlights.forEach(highlight => {\n                        if (highlight.classList.contains('stats-box')) {\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', '2px solid rgba(184,134,11,0.3)', 'important');\n                            const statsNumbers = highlight.querySelectorAll('.stats-number');\n                            statsNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n                        } else if (highlight.classList.contains('charlotte-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', '2px solid rgba(184,134,11,0.3)', 'important');\n                            const reductionText = highlight.querySelector('.reduction-text');\n                            if (reductionText) reductionText.style.setProperty('color', '#B8860B', 'important');\n                            const beforeNumbers = highlight.querySelectorAll('.before-number');\n                            const afterNumbers = highlight.querySelectorAll('.after-number');\n                            beforeNumbers.forEach(num => num.style.setProperty('color', '#cc5555', 'important'));\n                            afterNumbers.forEach(num => num.style.setProperty('color', '#B8860B', 'important'));\n                        } else {\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\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\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 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\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, .quote-box, .stats-box, .charlotte-highlight');\n                    highlights.forEach(highlight => {\n                        if (highlight.classList.contains('stats-box')) {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.15), rgba(244,197,66,0.08))', 'important');\n                            highlight.style.setProperty('border', '2px solid rgba(244,197,66,0.3)', 'important');\n                            const statsNumbers = highlight.querySelectorAll('.stats-number');\n                            statsNumbers.forEach(num => num.style.setProperty('color', '#F4C542', 'important'));\n                        } else if (highlight.classList.contains('charlotte-highlight')) {\n                            highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(76,175,80,0.15), rgba(76,175,80,0.08))', 'important');\n                            highlight.style.setProperty('border', '2px solid rgba(76,175,80,0.3)', 'important');\n                            const reductionText = highlight.querySelector('.reduction-text');\n                            if (reductionText) reductionText.style.setProperty('color', '#4CAF50', 'important');\n                            const beforeNumbers = highlight.querySelectorAll('.before-number');\n                            const afterNumbers = highlight.querySelectorAll('.after-number');\n                            beforeNumbers.forEach(num => num.style.setProperty('color', '#ff6b6b', 'important'));\n                            afterNumbers.forEach(num => num.style.setProperty('color', '#4CAF50', 'important'));\n                        } else {\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\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            \/\/ Setup email signup\n            setupEmailSignup();\n            \n            \/\/ Setup scroll animations\n            animateOnScroll();\n            window.addEventListener('scroll', animateOnScroll);\n            \n            \/\/ Animate title section\n            setTimeout(() => {\n                const titleSection = document.querySelector('.title-section');\n                if (titleSection) {\n                    titleSection.style.opacity = '1';\n                    titleSection.style.transform = 'translateY(0)';\n                }\n            }, 100);\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>Medical Uses for Cannabis: Evidence-Based Guide | Two Birds One Stoned Medical Uses for Cannabis \ud83c\udfe5 From seizure reduction to pain relief, exploring the therapeutic potential of cannabis medicine \ud83c\udf19 \ud83c\udfac Watch the Medical Cannabis Story See how cannabis is transforming modern medicine \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-1860","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/1860","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=1860"}],"version-history":[{"count":81,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/1860\/revisions"}],"predecessor-version":[{"id":8051,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/1860\/revisions\/8051"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/media?parent=1860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}