Die Vollst\u00e4ndige Geschichte von Cannabis: 5000 Jahre Menschlicher Nutzung | Two Birds One Stoned<\/title>\n <meta name=\"description\" content=\"Entdecke 5000 Jahre Cannabis-Geschichte von antiker Medizin bis zur modernen Legalisierung. Evidenzbasierte Bildung \u00fcber Shen Nung, Prohibition und globale Reform.\">\n <meta name=\"keywords\" content=\"cannabis history, cannabis education, marijuana history, hemp history, cannabis medicine, cannabis prohibition, cannabis legalization, cannabis research, cannabis science, medicinal cannabis history\">\n \n \n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n \n \n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n <meta property=\"og:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n <meta property=\"og:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"article:author\" content=\"James Gallagher\">\n <meta property=\"article:section\" content=\"Cannabis-Aufkl\u00e4rung\">\n <meta property=\"article:tag\" content=\"Cannabis History\">\n <meta property=\"article:tag\" content=\"Cannabis-Aufkl\u00e4rung\">\n <meta property=\"article:tag\" content=\"Cannabis-Wissenschaft\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n <meta name=\"twitter:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n <meta name=\"twitter:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n <meta name=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n \n \n <meta name=\"author\" content=\"James Gallagher\">\n <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n <meta name=\"theme-color\" content=\"#F4C542\">\n <meta name=\"color-scheme\" content=\"dark light\">\n \n \n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n <link rel=\"apple-touch-icon\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"The Complete History of Cannabis: 5000 Years of Human Use\",\n \"description\": \"Explore 5,000 years of cannabis history from ancient medicine to modern legalization. Evidence-based education covering historical use, prohibition, and global reform.\",\n \"image\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n \"width\": 1200,\n \"height\": 630\n },\n \"author\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"logo\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n },\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n \"mainEntityOfPage\": {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/cannabis-history\\\/\"\n },\n \"datePublished\": \"2025-01-17\",\n \"dateModified\": \"2025-01-17\",\n \"articleSection\": \"Cannabis Education\",\n \"keywords\": [\n \"cannabis history\",\n \"cannabis education\",\n \"medicinal cannabis\",\n \"cannabis prohibition\",\n \"cannabis legalization\"\n ],\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis History\",\n \"description\": \"The historical use and regulation of cannabis throughout human civilization\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis Education\",\n \"description\": \"Evidence-based information about cannabis science and policy\"\n }\n ],\n \"mentions\": [\n {\n \"@type\": \"Person\",\n \"name\": \"Shen Nung\",\n \"description\": \"Chinese Emperor who first documented cannabis use in 2800 BC\"\n },\n {\n \"@type\": \"Person\",\n \"name\": \"William Brooke O'Shaughnessy\",\n \"description\": \"Irish physician who introduced cannabis to Western medicine in 1841\"\n },\n {\n \"@type\": \"Person\",\n \"name\": \"Harry J. Anslinger\",\n \"description\": \"First Commissioner of the Federal Bureau of Narcotics who promoted cannabis prohibition\"\n }\n ]\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"EducationalContent\",\n \"name\": \"The History of Cannabis on Earth\",\n \"description\": \"Comprehensive educational content covering 5,000 years of cannabis history from ancient medicine to modern legalization\",\n \"educationalLevel\": \"General Audience\",\n \"learningResourceType\": \"Article\",\n \"about\": {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis History\",\n \"description\": \"Historical development of cannabis use, regulation, and scientific understanding\"\n },\n \"teaches\": [\n \"Ancient origins of cannabis use in medicine\",\n \"Historical figures in cannabis research\",\n \"Development of cannabis prohibition\",\n \"Modern cannabis legalization movement\",\n \"Scientific discoveries about cannabis\"\n ],\n \"educationalUse\": \"Research, Education, Historical Reference\",\n \"audience\": {\n \"@type\": \"EducationalAudience\",\n \"educationalRole\": \"General Public\"\n }\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"VideoObject\",\n \"name\": \"The History of Cannabis - Video Breakdown\",\n \"description\": \"Complete visual journey through cannabis history from ancient times to modern legalization\",\n \"thumbnailUrl\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n \"embedUrl\": \"https:\\\/\\\/www.youtube.com\\\/embed\\\/dQw4w9WgXcQ\",\n \"uploadDate\": \"2025-01-17\",\n \"duration\": \"PT15M\",\n \"contentUrl\": \"https:\\\/\\\/www.youtube.com\\\/watch?v=dQw4w9WgXcQ\"\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"description\": \"Cannabis education and culture platform delivering science-backed information without social media noise\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n \"foundingDate\": \"2024\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\"\n },\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n ],\n \"knowsAbout\": [\n \"Cannabis Education\",\n \"Cannabis Science\",\n \"Cannabis Policy\",\n \"Cannabis History\",\n \"Medicinal Cannabis\"\n ]\n}<\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" as=\"style\">\n <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" as=\"image\">\n<\/head>\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;\n margin-top: 60px !important;\n padding-bottom: 3rem !important;\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;\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-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 overflow: visible; \/* NEW - Universal fix *\/\n}\n\n\/* NEW - Universal video container fix *\/\n.media-card > div[style*=\"position: relative\"] {\n background: transparent !important;\n margin: 0 auto 1.5rem auto;\n}\n\n\/* NEW - Universal iframe fix *\/\n.media-card iframe {\n display: block;\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;\n margin-top: 3rem !important;\n padding-top: 3rem !important;\n font-weight: 600 !important;\n text-shadow: none !important;\n line-height: 1.4 !important;\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* Two image layout *\/\n .double-images {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n flex: 0 0 320px;\n width: 320px;\n }\n\n .double-images img {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n \/* Evenly spaced double images for better visual balance *\/\n .double-images-spaced {\n display: flex;\n flex-direction: column;\n gap: 3rem;\n flex: 0 0 340px;\n width: 340px;\n justify-content: space-evenly;\n align-items: center;\n height: 100%;\n min-height: 600px;\n }\n\n .double-images-spaced img {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n flex: 0 0 auto;\n max-height: 280px;\n object-fit: cover;\n }\n\n \/* Single centered image *\/\n .centered-image {\n text-align: center;\n margin: 3rem 0;\n }\n\n .centered-image img {\n max-width: 100%;\n width: auto;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\n }\n\n \/* 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 \/* 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 \/* Mobile images for repositioned content *\/\n .mobile-image-after-text {\n display: none;\n }\n\n .hide-on-mobile {\n display: block;\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 .double-images,\n .double-images-spaced {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n \/* Mobile-specific image positioning *\/\n .mobile-image-after-text {\n display: block !important;\n width: 100%;\n max-width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 2rem 0;\n }\n\n \/* Hide desktop images on mobile for repositioned content *\/\n .hide-on-mobile {\n display: none !important;\n }\n\n \/* Remove extra spacing from Mexican Revolution image on mobile *\/\n .double-images-spaced img[alt=\"Mexican Revolution Cannabis\"] {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Adjust the double-images-spaced container on mobile to remove extra space *\/\n .double-images-spaced {\n min-height: auto !important;\n gap: 0 !important;\n justify-content: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .comment-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .comment-footer {\n flex-direction: column;\n gap: 0.8rem;\n align-items: flex-start;\n }\n .comment-actions {\n align-self: flex-start;\n }\n .sort-container {\n justify-content: center !important;\n gap: 0.5rem;\n margin-bottom: 1.5rem !important;\n }\n .sort-dropdown {\n padding: 0.4rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .comment-item {\n padding: 1.2rem 1rem;\n margin-bottom: 1.2rem !important;\n }\n \n .comment-text {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.5rem 0.7rem;\n font-size: 0.8rem;\n min-width: 45px;\n }\n \n .inline-reply-actions {\n flex-direction: column;\n gap: 0.8rem;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n width: 100%;\n text-align: center;\n }\n \n .inline-reply-form {\n padding: 1.2rem 1rem;\n margin: 1rem 0;\n }\n \n .reply-indicator {\n padding: 0.35rem 0.7rem;\n margin-bottom: 0.7rem;\n font-size: 0.8rem;\n }\n \n .reply-icon {\n font-size: 0.95rem;\n }\n \n .reply-text {\n font-size: 0.75rem;\n }\n\n .username-container {\n gap: 0.3rem;\n }\n \n .username-refresh-btn {\n min-width: 45px;\n padding: 0.8rem;\n font-size: 1.1rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n .comment-item {\n padding: 1.3rem 1.2rem;\n }\n \n .comment-text {\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.6rem 0.9rem;\n font-size: 0.85rem;\n }\n \n .inline-reply-form {\n padding: 1.3rem;\n }\n }\n\n @media (max-width: 480px) {\n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body class=\"dark-theme\">\n \n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n \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 \n <div class=\"title-section\">\n <h1 class=\"article-title\">Die Geschichte von Cannabis auf der Erde \ud83c\udf0d<\/h1>\n <p class=\"article-subtitle\">Von antiken Ritualen bis zur modernen Legalisierung, erkunde 5.000 Jahre menschlicher Cannabisnutzung<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \n <div class=\"media-card animate-in\" id=\"video-content\">\n <h3>\ud83c\udfac Schau dir die vollst\u00e4ndige Analyse an<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Erlebe die vollst\u00e4ndige visuelle Reise durch die Cannabis-Geschichte<\/p>\n \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\/uFSY0XWHSgc\" \n data-en=\"uFSY0XWHSgc\"\n data-ga=\"Pgc9o0WwVho\"\n data-es=\"pjHs00fxSSw\"\n data-de=\"0jFJOuEolUo\"\n data-pt=\"8lYVAJ2YYcg\"\n data-fr=\"hsVJChvP4Ng\"\n data-it=\"J37_48XNyVo\"\n data-pl=\"9fJRQGX1Jt8\"\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 \n <div class=\"content-break\"><\/div>\n\n \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 \u2014 nur Audio<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/5ZhXjUZXemodGGr4zZQuXC?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 <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"nav-hint\">\n \u2193 Liest du lieber? Tauche ein in die vollst\u00e4ndige schriftliche Analyse unten \u2193\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"content-section\" id=\"written-content\">\n <h2 class=\"content-section-title\">Die Geschichte von Cannabis auf der Erde \ud83c\udf0d<\/h2>\n\n \n <div class=\"content-card\">\n <h3>Die Reise Beginnt<\/h3>\n <p class=\"content-text\">Lass uns eine Reise durch die Zeit machen. Von antiken Ritualen bis zu modernen Debatten war Cannabis seit Tausenden von Jahren Teil der menschlichen Geschichte. Diese Reise gibt dir einen Einblick, wie Menschen im Laufe der Geschichte mit der Cannabispflanze interagiert haben.<\/p>\n <p class=\"content-text\">Bereit? Lass uns eintauchen.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Wo alles begann \u2014 Die Urspr\u00fcnge von Cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" alt=\"Cannabis Origin Map\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Wann tauchte Cannabis zum ersten Mal auf der Erde auf und wurde zu seiner eigenen Pflanze? Vor etwa <strong>28 Millionen Jahren<\/strong>, in den Regionen Zentralasien und Westchina. Damals trennte es sich von seinem Vorfahren und begann sich zu dem Cannabis zu entwickeln, das wir heute kennen.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"hide-on-mobile\">\n <div class=\"text-content\">\n <div class=\"highlight-box\">\n <p class=\"content-text\">Und hier ist die lustige Tatsache, rate mal, wer noch von dieser Vorfahrenpflanze abstammt? Humulus lupulus.<\/p>\n <p class=\"content-text\">Du sitzt wahrscheinlich da und denkst, Humulu was jetzt?<\/p>\n <p class=\"content-text translation-block\">Nun, Humulus lupulus ist der wissenschaftliche Name f\u00fcr <strong>Hopfen<\/strong>. Also die Hauptzutat in deinem Lieblingsbier.<\/p>\n <p class=\"content-text\"> Cannabis und Hopfen sind buchst\u00e4blich botanische Cousins. Direkte Cousins. Die Art von Cousins, die beide zur selben Familienhochzeit eingeladen werden.<\/p>\n \n <p class=\"content-text\">K\u00f6nnen wir bitte aufh\u00f6ren zu versuchen, die Familie auseinanderzubringen?<\/p>\n <\/div>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"mobile-image-after-text\" style=\"display: none;\">\n <\/div>\n <\/div>\n\n <p class=\"content-text translation-block\">Was wir wissen, ist, dass die fr\u00fcheste dokumentierte Verwendung von Cannabis bis <strong>2800 v. Chr.<\/strong> zur\u00fcckreicht, dank des chinesischen Kaisers Shen Nung. Shen, bekannt als der Vater der chinesischen Medizin, dokumentierte Cannabis in seiner Pharmakop\u00f6e wegen seiner therapeutischen Eigenschaften.<\/p>\n <p class=\"content-text translation-block\">Jetzt lass uns in die <strong>dokumentierte<\/strong> menschliche Geschichte von Cannabis eintauchen.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Antike Geschichte \u2014 Die Anf\u00e4nge von dokumentiertem Cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_ancient_scroll-style_depiction_of_Emperor_Shen_33b2a279-72a3-4292-b4da-009879f0617b_3.png\" alt=\"Shen Nung Scroll\">\n <div class=\"text-content\">\n <h4>2800 BC \u2013 Shen Nung's First Recording<\/h4>\n <p class=\"content-text translation-block\">Das ist <strong>4825 Jahre her<\/strong>. Um die 175 Generationen zur\u00fcck. Shoutout an unsere Familienlinie damals. Ich frage mich, was unsere Vorfahren damals so gemacht haben. Ziemlich cool zu denken, dass sie, wer auch immer sie waren, dieselben Sterne angeschaut haben wie wir.<\/p>\n <p class=\"content-text\">Shennong dokumentierte um diese Zeit erstmals die Verwendung von Cannabis zu therapeutischen Zwecken. Den Chinesen k\u00f6nnen die fr\u00fchesten Aufzeichnungen \u00fcber die Verwendung von Cannabis zugeschrieben werden, insbesondere in ihren westlichen Regionen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_a_healer_or_temple_scribe_recording_medicinal_can_54bc767c-80e7-47c0-a7fe-0f369ea1f172_2.png\" alt=\"Egyptian Cannabis Medicine\">\n <div class=\"text-content\">\n <h4>1500 v. Chr. \u2013 \u00c4gyptische und assyrische Verwendung<\/h4>\n <p class=\"content-text translation-block\">Spulen wir vor bis etwa <strong>1500 v. Chr.<\/strong>, und wir sehen, wie die \u00c4gypter die Verwendung von Cannabis zur Behandlung von Entz\u00fcndungen dokumentierten. W\u00e4hrenddessen zeichneten die Assyrer seine medizinische Verwendung auf Tontafeln auf.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/mythology-festivals-gods-43.jpg\" alt=\"Cannabis India and Egypt\">\n <div class=\"text-content\">\n <h4>1500.01 v. Chr. \u2013 Cannabis im alten Indien<\/h4>\n <p class=\"content-text translation-block\">Im alten Indien galt Cannabis als eine von <strong>f\u00fcnf heiligen Pflanzen<\/strong>. Das Getr\u00e4nk Bhang (ein mit Cannabis angereichertes Milchgetr\u00e4nk) wird seit Jahrhunderten in Indien zur Behandlung verschiedener Beschwerden verwendet und wird auch heute noch konsumiert.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_atmospheric_illustration_of_Scythian_tribespeo_7bd2772d-233a-48e8-8eb7-a6bc9ec3205d_1.png\" alt=\"Scythians Ritual\">\n <div class=\"text-content\">\n <h4>440 v. Chr. \u2013 Herodot und die Skythen<\/h4>\n <p class=\"content-text\">Der griechische Historiker Herodot beschrieb ein skythisches Bestattungsritual, bei dem Trauernde Hanfsamen auf rotgl\u00fchende Steine warfen und sich am Rauch erfreuten.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Interessante Tatsache:<\/strong> Diese Samen enthielten h\u00f6here THC-Werte als zu dieser Zeit \u00fcblich, was den <strong>ersten dokumentierten Fall<\/strong> markiert, dass Menschen durch Cannabisrauch high wurden. Respekt an die Skythen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>n. Chr. \u00c4ra \u2014 Cannabis verbreitet sich \u00fcber Zivilisationen<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_scene_showing_Roman_sailors_loading_sails__rope_aee8a079-4dff-4d59-af02-c24b3badf0d9_3.png\" alt=\"Roman Use of Hemp\">\n <div class=\"text-content\">\n <h4>1 n. Chr. \u2013 Das R\u00f6mische Reich<\/h4>\n <p class=\"content-text translation-block\">W\u00e4hrend des R\u00f6mischen Reiches dokumentierten bedeutende Pers\u00f6nlichkeiten wie <strong>Plinius der \u00c4ltere, Galen und Dioskurides<\/strong> die Verwendung von Cannabis zur Behandlung von Schmerzen und Entz\u00fcndungen. Hanf wurde verwendet, um Seile, Segel und Netze herzustellen, was die Expansion menschlicher Zivilisationen unterst\u00fctzte.<\/p>\n <p class=\"content-text\">Galen bemerkte auch die psychoaktiven Eigenschaften von Cannabis und erkannte seine Auswirkungen auf den Geist.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_page_from_Avicennas_Canon_of_Medicine._-v_6.1_f1d7b9b7-ed4d-479e-a43b-f023b26b6b1d_0.png\" alt=\"Avicenna Canon\">\n <div class=\"text-content\">\n <h4>1205 \u2013 Mittelalterliche persische Medizin<\/h4>\n <p class=\"content-text translation-block\">Im mittelalterlichen Persien wurde Cannabis zur Behandlung von Epilepsie, Gicht und schweren Kopfschmerzen eingesetzt. Das renommierte medizinische Werk <strong>Avicennas Kanon der Medizin<\/strong> f\u00fchrte Cannabis als Behandlung f\u00fcr verschiedene Beschwerden auf, und dieses Werk beeinflusste die westliche Medizin jahrhundertelang.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Moderne Geschichte \u2014 Das neue Zeitalter von Cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vintage_portrait_of_Sir_William_Brooke_OShaughn_ade47ba7-42f3-4527-a54d-2d4130c6dffc_0.png\" alt=\"O'Shaughnessy Portrait\">\n <div class=\"text-content\">\n <h4>1841 \u2013 Irischer Arzt f\u00fchrt Cannabis in die westliche Medizin ein<\/h4>\n <p class=\"content-text translation-block\">Der Mann, der Mythos, die Legende. Erheben wir das Glas auf <strong>Sir William Brooke O'Shaughnessy<\/strong>, einen irischen Arzt, der Cannabis in die westliche Medizin brachte, ja genau, der William!<\/p>\n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">W\u00e4hrend seines Aufenthalts in Indien sah Herr O'Shack Hennessy Cannabis in Aktion, nicht als Heilung von Krankheiten, sondern als etwas, was \u00c4rzte nicht konnten. Er beobachtete seine starke Wirkung beim <strong>Lindern<\/strong> schwerer Schmerzen und bei der <strong>Behandlung<\/strong> brutaler Erkrankungen wie Tetanus, Tollwut, Arthritis und Epilepsie, Dinge, die \u00c4rzte ratlos machten.<\/p>\n <p class=\"content-text\">Das war ein Game Changer. Ein Wendepunkt. Von hier an begann Cannabis, in pharmazeutischen Kreisen Wellen zu schlagen, und seine medizinische Verwendung nahm von da an lawinenartig zu.<\/p>\n <p class=\"content-text\"><a href=\"https:\/\/www.youtube.com\/watch?v=rdJYbOkbetQ\" rel=\"noopener noreferrer\">Los geht's William!!!<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <div class=\"double-images-spaced\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_A_group_of_mischievous_1910s_Mexican_revolutionar_e15d4bcf-c0d4-47b0-87b2-9d9b9dc9ad8d_2.png\" alt=\"Mexican Revolution Cannabis\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"hide-on-mobile\">\n <\/div>\n <div class=\"text-content\">\n <h4>1910 - Die USA und die \"Marihuana-Bedrohung\"<\/h4>\n <p class=\"content-text translation-block\">Nach der mexikanischen Revolution von 1910 brachten viele mexikanische Einwanderer den Freizeitkonsum von Cannabis in die USA. Die Medien warnten vor den vorr\u00fcckenden <strong>\"Marihuana-Bedrohungen\"<\/strong> und schrieben schreckliche Verbrechen dem Marihuanakonsum von Mexikanern und Schwarzen Gemeinschaften zu.<\/p>\n \n <p class=\"content-text translation-block\">Das Wort \"Marijuana\" wurde absichtlich in das \u00f6ffentliche Vokabular eingef\u00fchrt, um die Pflanze fremd und bedrohlich klingen zu lassen. Durch die Verwendung des <strong>mexikanischen Slang-Begriffs<\/strong> anstelle von \"Cannabis\" konnten Beh\u00f6rden und Medien sie leichter mit Einwanderern in Verbindung bringen und kulturelle \u00c4ngste sch\u00fcren<\/p>\n \n <p class=\"content-text translation-block\">Im S\u00fcden der USA, besonders in New Orleans, machte eine neue Musikrichtung Wellen, <strong>Jazz<\/strong>. Cannabis spielte eine bedeutende Rolle im Jazz-Zeitalter und diente als Kanal f\u00fcr Kreativit\u00e4t, Musikproduktion und Performance.<\/p>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"mobile-image-after-text\" style=\"display: none;\">\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Statistisch gesehen wurden Schwarze und mexikanische Amerikaner eher wegen Cannabisbesitzes verhaftet als wei\u00dfe Amerikaner. Die Gesetzgeber wussten das und <strong>instrumentalisierten Cannabisgesetze als Waffe<\/strong>, um marginalisierte Gemeinschaften ins Visier zu nehmen und die Pflanze als Werkzeug zur Kriminalisierung und Kontrolle zu nutzen.<\/p>\n <p class=\"content-text\">Auf den ersten Blick schien der Ansatz in den USA zu sein: \"Die Mexikaner und Schwarzen Amerikaner benutzen diese Pflanze, lasst uns sie illegal machen, sie einsperren und Geld damit verdienen.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/1925-convention.png\" alt=\"1925 Opium Convention\">\n <div class=\"text-content\">\n <h4>1925 - Internationales Verbot von Cannabis<\/h4>\n <p class=\"content-text translation-block\">Die 1920 gegr\u00fcndete <strong>Liga der Nationen<\/strong> war die erste multinationale, zwischenstaatliche Organisation, die geschaffen wurde, um den Weltfrieden nach dem Ende des Gro\u00dfen Krieges (Erster Weltkrieg) zu wahren. Die \"Lasst uns alle miteinander auskommen\"-Organisation.<\/p>\n <p class=\"content-text\">1925 fand in Genf die internationale Opiumkonvention statt. Ziel war es, den Export von Opium und Kokain weltweit zu verbieten. Das sollte gerade passieren, bis eine Last-Minute-Intervention aus \u00c4gypten, unterst\u00fctzt von Italien, S\u00fcdafrika und der T\u00fcrkei, Haschisch auf die Liste setzen wollte (aus Gr\u00fcnden, auf die wir ein andermal eingehen k\u00f6nnen).<\/p>\n <p class=\"content-text translation-block\">Es wurde genehmigt und Haschisch wurde der Liste hinzugef\u00fcgt. Dies markierte den Beginn des <strong>globalen Cannabisverbots<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/reefer-madness-md-web-scaled.jpg\" alt=\"Reefer Madness\">\n <div class=\"text-content\">\n <h4>1936 \u2013 Reefer Madness<\/h4>\n <p class=\"content-text translation-block\">Schau dir bitte einfach den <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\" rel=\"noopener noreferrer\">Trailer zu Reefer Madness<\/a> an. Es wird dir eine Minute und achtunddrei\u00dfig Sekunden deines Lebens nehmen. Es wird sich absolut lohnen...<\/p>\n \n <p class=\"content-text translation-block\">Mein Lieblingszitat ist glaube ich <strong>\"Es kann zu einer harmlos aussehenden Zigarette gedreht werden\"<\/strong> Lies die Zeile nochmal, haha. YouTube-Kommentare sind wirklich mit das Beste, oder nicht?<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Der Film Reefer Madness wurde ver\u00f6ffentlicht und d\u00e4monisierte Cannabis als hochgradig s\u00fcchtig machende Droge, die psychische St\u00f6rungen und Gewalt verursacht. Im Grunde zeigt er, dass du, wenn du Cannabis konsumierst, <strong>gewaltt\u00e4tig, missbr\u00e4uchlich, m\u00f6rderisch<\/strong> wirst und aus einem Hochhaus in den Tod springst. Alles dank ein paar Z\u00fcgen von der s\u00fc\u00dfen Mary Jane.<\/p>\n <p class=\"content-text\">Nun, ich bin kein Experte f\u00fcr Drogen und ihre Wirkungen, aber das ist, da bin ich mir ziemlich sicher, als ganze Zahl, auf die n\u00e4chste Dezimalstelle gerundet, absoluter Schwachsinn a.k.a ein Haufen Schei\u00dfe a.k.a kompletter und totaler Unsinn\u2026<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <div class=\"double-images\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"hide-on-mobile\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Marhihanna-Tax-Stamp.jpg\" alt=\"Marijuana Tax Stamp\">\n <\/div>\n <div class=\"text-content\">\n <h4>1937 \u2013 Das Marihuana-Steuergesetz<\/h4>\n <p class=\"content-text\">Lies mal kurz, wie sie zu der Entscheidung kamen, Cannabis in den USA praktisch zu verbieten. Es gab zwei Ansichten dazu.<\/p>\n <p class=\"content-text translation-block\">Auf der einen Seite hattest du <strong>Harry J. Anslinger<\/strong>, den ersten Commissioner des Federal Bureau of Narcotics. Harold war h\u00f6llisch darauf versessen, Cannabis ins Fadenkreuz des Bundesgesetzes zu bringen. Aber warum? Seine Agenda wurde von einer Mischung aus Rassismus, politischem Eigeninteresse, b\u00fcrokratischen Revierk\u00e4mpfen und einem moralischen Kreuzzug angetrieben. Hier ging es nicht um Beweise oder \u00f6ffentliche Gesundheit, es ging um Angst, Kontrolle und Macht<\/p>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"mobile-image-after-text\" style=\"display: none;\">\n \n <p class=\"content-text translation-block\">Nun, auf der anderen Seite dieser Entscheidung hattest du den <strong>Rechtsberater der American Medical Association<\/strong>, der gegen diese Entscheidung war, Cannabis zu verbieten. Warum?<\/p>\n \n <ul>\n <li>Mangel an wissenschaftlichen Beweisen f\u00fcr die Entscheidung<\/li>\n <li>Der medizinische Wert wurde ignoriert<\/li>\n <li>Die medizinische Gemeinschaft war nicht an der Verabschiedung des Gesetzes beteiligt<\/li>\n <\/ul>\n \n <p class=\"content-text translation-block\">Zusammen mit dem Rechtsberater der American Medical Association hattest du die <strong>New York Academy of Medicine.<\/strong> Sie ver\u00f6ffentlichten einen umfassenden Bericht, der erkl\u00e4rte, dass \"Marihuana\" keine Gewalt oder Wahnsinn hervorruft oder zu Sucht oder anderem Drogenkonsum f\u00fchrt.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Was denkst du, haben sie beschlossen zu tun, nachdem sie diese Berichte und die Situation sorgf\u00e4ltig analysiert hatten? Nun, sie beschlossen, <strong>nicht auf die \u00c4rzte und Experten<\/strong> in der Medizin zu h\u00f6ren und diese umfangreichen Berichte zu ignorieren. Also machten sie weiter und verabschiedeten das erw\u00e4hnte Gesetz. Toll gemacht Jungs.<\/p>\n <p class=\"content-text\">Dieses Gesetz machte es in den folgenden Jahren \u00e4u\u00dferst schwierig, bedeutende Forschung zu Cannabis durchzuf\u00fchren.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Die Jahrtausendwende \u2014 Der Weg zur Legalisierung<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vibrant_nostalgic_1970s_Amsterdam_coffee_shop_a_7a91547b-8cd4-4ffb-b717-0f50038e76e2_1.png\" alt=\"Dutch Coffee Shop\">\n <div class=\"text-content\">\n <h4>1970er \u2013 Niederl\u00e4ndische Liberalisierung<\/h4>\n <p class=\"content-text translation-block\">Die Niederlande verfolgten einen fortschrittlichen Ansatz, indem sie Cannabis als weniger gef\u00e4hrliche Droge einstuften. Die niederl\u00e4ndische Regierung teilte Drogen in <strong>mehr und weniger gef\u00e4hrliche Kategorien<\/strong> ein, wobei Cannabis in die weniger gef\u00e4hrliche Kategorie fiel.<\/p>\n <p class=\"content-text\">1976 begannen Coffeeshops, Cannabis zum Freizeitgebrauch zu verkaufen. Der Ansatz des Landes zu Cannabis wurde zum Vorbild f\u00fcr andere.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Inside_a_microscopic_cellular_world_glowing_canna_2679b5ff-5879-40d6-8c9e-a17a437cdd25_1.png\" alt=\"California Legalisation\">\n <div class=\"text-content\">\n <h4>1992 - Entdeckung des Endocannabinoid-Systems<\/h4>\n <p class=\"content-text translation-block\">1992 entdeckte der Wissenschaftler <strong>Dr. Raphael Mechoulam<\/strong>, dass Menschen ein ganzes biologisches System besitzen, das f\u00fcr die Interaktion mit Cannabisverbindungen ausgelegt ist. Es hei\u00dft <strong>Endocannabinoid-System<\/strong>. Diese Entdeckung ver\u00e4nderte das Gespr\u00e4ch komplett von \"gef\u00e4hrliche Droge\" zu \"Moment mal, vielleicht ist da tats\u00e4chlich was dran.\"<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_warm_sun-drenched_California_street_glowing_in__9316f0e9-68bb-4bec-8593-603094b1a83f_3.png\" alt=\"California Legalisation\">\n <div class=\"text-content\">\n <h4>1996 - Kalifornien legalisiert medizinisches Cannabis<\/h4>\n <p class=\"content-text translation-block\">1996 wagte Kalifornien es. Gegen das Bundesgesetz ging Kaliforniens W\u00e4hlerschaft vor und verabschiedete <strong>Proposition 215<\/strong>, die den Verkauf und medizinischen Gebrauch von Marihuana f\u00fcr Patienten mit AIDS, Krebs und anderen schweren und schmerzhaften Krankheiten erlaubte.<\/p>\n <p class=\"content-text\">Dieses Gesetz steht immer noch in Spannung mit Bundesgesetzen, die den Besitz von Marihuana verbieten.<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Playful_political_cartoon_showing_two_stages_of_c_2185a797-ea9c-48c0-8be1-c8c716189c22_3.png\">\n <div class=\"text-content\">\n <h4>2000er \u2013 Die globale Wende<\/h4>\n <p class=\"content-text translation-block\">Seit der Jahrtausendwende bewegen sich immer mehr L\u00e4nder in Richtung Entkriminalisierung und Legalisierung von Cannabis. Der Trend ist <strong>Entkriminalisierung gefolgt von Legalisierung<\/strong>.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Entkriminalisierung<\/strong> bedeutet, dass du nicht bestraft oder mit einer Geldstrafe belegt wirst, wenn du kleine Mengen der Droge besitzt.<\/p>\n <p class=\"content-text translation-block\"><strong>Legalisierung<\/strong> bedeutet, dass die Droge reguliert ist und nach staatlichen Vorschriften verkauft und gehandelt werden kann.<\/p>\n <\/div>\n \n <p class=\"content-text\">Also erkennen sie zuerst, dass wir vielleicht zu streng mit all diesen Vorschriften und Verboten in der Vergangenheit waren, lass uns aufh\u00f6ren, Leute daf\u00fcr zu bestrafen, was sie tun (Entkriminalisierung). Dann denken sie \"Okay, wie k\u00f6nnen wir jetzt damit Geld verdienen\", woraufhin ein Plan aufgestellt wird, die Droge legal zu verkaufen (Legalisierung).<\/p>\n <p class=\"content-text\">Es sei denn, dein Land hei\u00dft Thailand, ihr verr\u00fcckten Bastarde.<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Side-by-side_political_illustration_of_Uruguay_20_51ba5fc7-cf52-4f25-a6c5-b24941fd8bc8_1.png\" alt=\"Uruguay and Canada Legalisation\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">W\u00e4hrenddessen, w\u00e4hrend alle versuchten herauszufinden, was mit Gesetzen und Richtlinien zu tun ist, ging <strong>Uruguay<\/strong> einfach hin und wurde 2013 das erste Land der Welt, das Cannabis vollst\u00e4ndig legalisierte. Nicht entkriminalisierte, richtige Legalisierung. Ihr Ansatz war simpel: Warum lassen wir Kriminelle das ganze Geld damit verdienen?<\/p>\n \n <p class=\"content-text translation-block\">Dann wurde 2018 <strong>Kanada<\/strong> das erste gro\u00dfe westliche Land, das Cannabis landesweit legalisierte. Ihre Regierung hatte drei einfache Ziele: Es von Kindern fernhalten, Profite von Kriminellen fernhalten und die Gesellschaft nicht zusammenbrechen lassen. Spoiler-Alarm: Die Gesellschaft ist nicht zusammengebrochen.<\/p>\n <\/div>\n<\/div>\n<\/div>\n \n <div class=\"content-card\">\n <h3>Abschlie\u00dfende Gedanken - Die Geschichte wurde verdreht<\/h3>\n <p class=\"content-text translation-block\">So, da haben wir's. Das sollte ein guter \u00dcberblick \u00fcber die Landschaft und Geschichte von Cannabis, Erde und Menschen zusammen sein. Cannabis ist seit <strong>Tausenden von Jahren<\/strong> Teil der menschlichen Geschichte. Es wurde als Medizin, als Quelle spiritueller Erleuchtung und als Werkzeug sozialer Kontrolle verwendet.<\/p>\n <p class=\"content-text\">Adios.<\/p>\n <\/div>\n\n \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 & Dokumentationen<\/li>\n <li>\ud83d\udcda Lehrvideos & Audios<\/li>\n <li>\ud83d\udd2c Wissenschaftlich fundierte Informationen & 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 \n <div class=\"section-break\"><\/div>\n \n \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 \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 \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 \n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"comments-display\">\n \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 \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \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 \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>Abel, E.L., 1980. <em>The First Twelve Thousand Years<\/em>. New York: McGraw Hill.<\/p>\n \n <p>Alcohol and Drug Foundation, n.d. <em>Decriminalisation in Australia<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/adf.org.au\/insights\/decriminalisation-australia\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/adf.org.au\/insights\/decriminalisation-australia\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Annual Reviews, n.d. <em>Cannabis sativa L.: Botany and Biotechnology<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Bloom, n.d. <em>History of Cannabis Part 2: Are We There Yet?<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Britannica, n.d. <em>Medical Marijuana Debate<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Daily Trojan, 2020. <em>To be blunt: Cannabis is an integral part of jazz history in America<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Drug Enforcement Administration Museum, n.d. <em>Cannabis, Coca, and Poppy: Nature's Addictive Plants<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Endocannabinoid Medicine, n.d. <em>History of Cannabis<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Global Initiative, n.d. <em>Cannabis status in drug control<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Google Books, n.d. <em>Hemp & the Marijuana Conspiracy: The Emperor Wears No Clothes<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Google Books, n.d. <em>Hemp: American History Revisited: The Plant with a Divided History<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Medical Daily, n.d. <em>A Brief History Of Medical Cannabis: From Ancient Anesthesia To The Modern Dispensary<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Nature, 2015. <em>The grass roots of medical marijuana<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.nature.com\/articles\/525S10a\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.nature.com\/articles\/525S10a<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>PBS, n.d. <em>Marijuana Timeline<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>PubMed Central, 2020. <em>A Brief History of Cannabis Use in North America<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>ResearchGate, n.d. <em>Herbal medicine in ancient Egypt<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Taylor & Francis Online, 2020. <em>Cannabis sativa: the plant of the thousand and one molecules<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>The University of Georgia Law Library, n.d. <em>Marijuana Law: History of Marijuana Regulation in the United States<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>The University of Sydney, n.d. <em>History of cannabis<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Woodward, W.C., 1937. <em>Statement of Dr. William C. Woodward, Legislative Counsel, American Medical Association, Chicago, Ill. Hearings on H.R. 6385: Taxation of Marihuana, House Committee on Ways and Means, U.S. House of Representatives, May 4, 1937<\/em>. [online] DrugLibrary.org. Available at: <a href=\"https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm<\/a> [Zugriff am 22. M\u00e4rz 2025].<\/p>\n \n <p>Visual Capitalist, n.d. <em>Mapped: Countries Where Recreational Cannabis is Legal<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/<\/a> [Accessed 31 December 2024].<\/p>\n <\/div>\n <\/div>\n\n \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 \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/de\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button\">\n \ud83c\udf3f Geh auf Entdeckung\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 \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 currentText = button.textContent.trim();\n \n if (currentText === '\ud83c\udf19') {\n button.textContent = '\u2600\ufe0f';\n playAudio('dayTimeAudio');\n isDarkTheme = false;\n } else {\n button.textContent = '\ud83c\udf19';\n playAudio('nightTimeAudio');\n isDarkTheme = true;\n }\n \n toggleTheme();\n }\n\n function playAudio(audioId) {\n const audio = document.getElementById(audioId);\n \n if (audio) {\n audio.currentTime = 0;\n const playPromise = audio.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() => {\n console.log(`${audioId} played successfully`);\n }).catch(error => {\n console.log(`Audio play failed for ${audioId}:`, error);\n showVisualFeedback(audioId);\n });\n }\n }\n }\n\n function showVisualFeedback(audioId) {\n const button = document.getElementById('theme-toggle');\n const originalTransform = button.style.transform;\n \n button.style.transform = 'scale(1.1)';\n button.style.transition = 'transform 0.1s ease';\n \n setTimeout(() => {\n button.style.transform = originalTransform;\n button.style.transition = 'all 0.3s ease';\n }, 100);\n }\n\n \/\/ Complete theme toggle function - UPDATED WITH BODY CLASS MANAGEMENT\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\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 BODY CLASS FOR THEME DETECTION\n body.classList.add('light-theme');\n body.classList.remove('dark-theme');\n \n \/\/ Add light theme class to html as well\n html.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\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');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n });\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 AND ADD DARK THEME CLASS\n body.classList.remove('light-theme');\n body.classList.add('dark-theme');\n \n \/\/ Remove light theme class from html as well\n html.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\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');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n });\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\n \/\/ Smooth scroll to anchor on page load with offset\n document.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n });\n\n \/\/ Initialize everything when DOM is ready\n document.addEventListener('DOMContentLoaded', function() {\n console.log('\ud83c\udf3f Two Birds One Stoned - Cannabis History Article Initialized');\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>The Complete History of Cannabis: 5000 Years of Human Use | Two Birds One Stoned The History of Cannabis on Earth \ud83c\udf0d From ancient rituals to modern legalization, explore 5,000 years of human cannabis use \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through cannabis history \ud83c\udfa7 Listen on the Go Perfect […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/701","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=701"}],"version-history":[{"count":177,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/701\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \n \n Die Vollst\u00e4ndige Geschichte von Cannabis: 5000 Jahre Menschlicher Nutzung | Two Birds One Stoned<\/title>\n <meta name=\"description\" content=\"Entdecke 5000 Jahre Cannabis-Geschichte von antiker Medizin bis zur modernen Legalisierung. Evidenzbasierte Bildung \u00fcber Shen Nung, Prohibition und globale Reform.\">\n <meta name=\"keywords\" content=\"cannabis history, cannabis education, marijuana history, hemp history, cannabis medicine, cannabis prohibition, cannabis legalization, cannabis research, cannabis science, medicinal cannabis history\">\n \n \n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n \n \n <meta property=\"og:type\" content=\"article\">\n <meta property=\"og:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n <meta property=\"og:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n <meta property=\"og:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"article:author\" content=\"James Gallagher\">\n <meta property=\"article:section\" content=\"Cannabis-Aufkl\u00e4rung\">\n <meta property=\"article:tag\" content=\"Cannabis History\">\n <meta property=\"article:tag\" content=\"Cannabis-Aufkl\u00e4rung\">\n <meta property=\"article:tag\" content=\"Cannabis-Wissenschaft\">\n \n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"The Complete History of Cannabis: 5000 Years of Human Use\">\n <meta name=\"twitter:description\" content=\"From ancient Chinese medicine to modern legalization - explore the evidence-based history of cannabis and human civilization.\">\n <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n <meta name=\"twitter:image:alt\" content=\"Historical map showing the origins and spread of cannabis throughout human civilization\">\n <meta name=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n \n \n <meta name=\"author\" content=\"James Gallagher\">\n <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n <meta name=\"theme-color\" content=\"#F4C542\">\n <meta name=\"color-scheme\" content=\"dark light\">\n \n \n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n <link rel=\"apple-touch-icon\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"The Complete History of Cannabis: 5000 Years of Human Use\",\n \"description\": \"Explore 5,000 years of cannabis history from ancient medicine to modern legalization. Evidence-based education covering historical use, prohibition, and global reform.\",\n \"image\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n \"width\": 1200,\n \"height\": 630\n },\n \"author\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"logo\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n },\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n \"mainEntityOfPage\": {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/cannabis-history\\\/\"\n },\n \"datePublished\": \"2025-01-17\",\n \"dateModified\": \"2025-01-17\",\n \"articleSection\": \"Cannabis Education\",\n \"keywords\": [\n \"cannabis history\",\n \"cannabis education\",\n \"medicinal cannabis\",\n \"cannabis prohibition\",\n \"cannabis legalization\"\n ],\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis History\",\n \"description\": \"The historical use and regulation of cannabis throughout human civilization\"\n },\n {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis Education\",\n \"description\": \"Evidence-based information about cannabis science and policy\"\n }\n ],\n \"mentions\": [\n {\n \"@type\": \"Person\",\n \"name\": \"Shen Nung\",\n \"description\": \"Chinese Emperor who first documented cannabis use in 2800 BC\"\n },\n {\n \"@type\": \"Person\",\n \"name\": \"William Brooke O'Shaughnessy\",\n \"description\": \"Irish physician who introduced cannabis to Western medicine in 1841\"\n },\n {\n \"@type\": \"Person\",\n \"name\": \"Harry J. Anslinger\",\n \"description\": \"First Commissioner of the Federal Bureau of Narcotics who promoted cannabis prohibition\"\n }\n ]\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"EducationalContent\",\n \"name\": \"The History of Cannabis on Earth\",\n \"description\": \"Comprehensive educational content covering 5,000 years of cannabis history from ancient medicine to modern legalization\",\n \"educationalLevel\": \"General Audience\",\n \"learningResourceType\": \"Article\",\n \"about\": {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis History\",\n \"description\": \"Historical development of cannabis use, regulation, and scientific understanding\"\n },\n \"teaches\": [\n \"Ancient origins of cannabis use in medicine\",\n \"Historical figures in cannabis research\",\n \"Development of cannabis prohibition\",\n \"Modern cannabis legalization movement\",\n \"Scientific discoveries about cannabis\"\n ],\n \"educationalUse\": \"Research, Education, Historical Reference\",\n \"audience\": {\n \"@type\": \"EducationalAudience\",\n \"educationalRole\": \"General Public\"\n }\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"VideoObject\",\n \"name\": \"The History of Cannabis - Video Breakdown\",\n \"description\": \"Complete visual journey through cannabis history from ancient times to modern legalization\",\n \"thumbnailUrl\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n \"embedUrl\": \"https:\\\/\\\/www.youtube.com\\\/embed\\\/dQw4w9WgXcQ\",\n \"uploadDate\": \"2025-01-17\",\n \"duration\": \"PT15M\",\n \"contentUrl\": \"https:\\\/\\\/www.youtube.com\\\/watch?v=dQw4w9WgXcQ\"\n}<\/script>\n \n \n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"description\": \"Cannabis education and culture platform delivering science-backed information without social media noise\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n \"foundingDate\": \"2024\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\"\n },\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH\"\n ],\n \"knowsAbout\": [\n \"Cannabis Education\",\n \"Cannabis Science\",\n \"Cannabis Policy\",\n \"Cannabis History\",\n \"Medicinal Cannabis\"\n ]\n}<\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n \n <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" as=\"style\">\n <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" as=\"image\">\n<\/head>\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;\n margin-top: 60px !important;\n padding-bottom: 3rem !important;\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;\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-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 overflow: visible; \/* NEW - Universal fix *\/\n}\n\n\/* NEW - Universal video container fix *\/\n.media-card > div[style*=\"position: relative\"] {\n background: transparent !important;\n margin: 0 auto 1.5rem auto;\n}\n\n\/* NEW - Universal iframe fix *\/\n.media-card iframe {\n display: block;\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;\n margin-top: 3rem !important;\n padding-top: 3rem !important;\n font-weight: 600 !important;\n text-shadow: none !important;\n line-height: 1.4 !important;\n}\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: #F4C542;\n margin-bottom: 2rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: center;\n }\n\n .content-card h4 {\n font-size: clamp(1.4rem, 3vw, 1.8rem);\n color: #F4C542;\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: #E3E3DC;\n margin-bottom: 2rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Split content layout *\/\n .split-content {\n display: flex;\n gap: 3rem;\n align-items: center;\n margin: 3rem 0;\n }\n\n .split-content img {\n flex: 0 0 280px;\n width: 280px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n .split-content .text-content {\n flex: 1;\n }\n\n \/* Two image layout *\/\n .double-images {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n flex: 0 0 320px;\n width: 320px;\n }\n\n .double-images img {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n \/* Evenly spaced double images for better visual balance *\/\n .double-images-spaced {\n display: flex;\n flex-direction: column;\n gap: 3rem;\n flex: 0 0 340px;\n width: 340px;\n justify-content: space-evenly;\n align-items: center;\n height: 100%;\n min-height: 600px;\n }\n\n .double-images-spaced img {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n flex: 0 0 auto;\n max-height: 280px;\n object-fit: cover;\n }\n\n \/* Single centered image *\/\n .centered-image {\n text-align: center;\n margin: 3rem 0;\n }\n\n .centered-image img {\n max-width: 100%;\n width: auto;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n }\n\n \/* Center images - better desktop integration *\/\n .center-image {\n text-align: center;\n margin: 2rem 0;\n }\n\n .center-image img {\n max-width: 70%;\n height: auto;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n \/* Section Image - more integrated on desktop *\/\n .section-image {\n width: 100%;\n max-width: 450px;\n height: auto;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 0 auto 3rem auto;\n display: block;\n }\n\n \/* 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 \/* 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 \/* Mobile images for repositioned content *\/\n .mobile-image-after-text {\n display: none;\n }\n\n .hide-on-mobile {\n display: block;\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 .double-images,\n .double-images-spaced {\n flex: none;\n width: 100%;\n max-width: 100%;\n }\n\n \/* Mobile-specific image positioning *\/\n .mobile-image-after-text {\n display: block !important;\n width: 100%;\n max-width: 100%;\n border-radius: 16px;\n box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n margin: 2rem 0;\n }\n\n \/* Hide desktop images on mobile for repositioned content *\/\n .hide-on-mobile {\n display: none !important;\n }\n\n \/* Remove extra spacing from Mexican Revolution image on mobile *\/\n .double-images-spaced img[alt=\"Mexican Revolution Cannabis\"] {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n \/* Adjust the double-images-spaced container on mobile to remove extra space *\/\n .double-images-spaced {\n min-height: auto !important;\n gap: 0 !important;\n justify-content: flex-start !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n .content-break {\n height: 4rem;\n }\n\n .media-section {\n margin: 6rem auto 4rem auto;\n }\n\n .content-section {\n margin: 4rem auto;\n }\n\n .title-section {\n margin-bottom: 6rem;\n padding-bottom: 3rem;\n min-height: auto;\n }\n\n .nav-hint {\n margin: 3rem auto;\n padding: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .theme-toggle {\n margin: 3rem 0 1rem 0;\n padding-top: 1rem;\n }\n\n .center-image img {\n max-width: 100% !important;\n }\n\n .section-image {\n max-width: 100% !important;\n }\n\n .center-image {\n margin: 2rem 0 !important;\n text-align: center !important;\n clear: both !important;\n width: 100% !important;\n overflow: visible !important;\n }\n\n .center-image p {\n margin-top: 1rem !important;\n font-size: 0.9rem !important;\n line-height: 1.4 !important;\n padding: 0 1rem !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .article-page .tbos-container .title-section .article-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 2rem !important;\n }\n\n .article-page .tbos-container .title-section .article-subtitle {\n font-size: clamp(1rem, 4vw, 1.3rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 3rem !important;\n }\n\n .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n }\n\n .content-section .content-section-title {\n font-size: clamp(1.8rem, 8vw, 3rem) !important;\n line-height: 1.2 !important;\n max-width: 100% !important;\n margin: 0 auto 4rem auto !important;\n }\n\n .media-section-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n line-height: 1.2 !important;\n }\n\n .media-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n margin-bottom: 1.5rem !important;\n }\n\n .media-card p {\n font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n line-height: 1.4 !important;\n margin-bottom: 1.5rem !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n .content-card h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card h4 {\n font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n line-height: 1.3 !important;\n }\n\n .content-card a {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n line-height: 1.6;\n }\n\n .content-card .content-text {\n font-size: 0.9rem !important;\n line-height: 1.5 !important;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n .cta-button {\n padding: 0.8rem 2rem !important;\n font-size: 1rem !important;\n border-radius: 40px !important;\n }\n\n .keep-learning-section h3 {\n font-size: clamp(1.5rem, 5vw, 2rem) !important;\n line-height: 1.2 !important;\n margin-bottom: 1.5rem !important;\n display: block !important;\n width: 100% !important;\n text-align: center !important;\n white-space: normal !important;\n word-wrap: break-word !important;\n }\n\n .keep-learning-section p {\n font-size: 1rem !important;\n }\n\n .comment-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .comment-footer {\n flex-direction: column;\n gap: 0.8rem;\n align-items: flex-start;\n }\n .comment-actions {\n align-self: flex-start;\n }\n .sort-container {\n justify-content: center !important;\n gap: 0.5rem;\n margin-bottom: 1.5rem !important;\n }\n .sort-dropdown {\n padding: 0.4rem 0.6rem;\n font-size: 0.8rem;\n }\n \n .comment-item {\n padding: 1.2rem 1rem;\n margin-bottom: 1.2rem !important;\n }\n \n .comment-text {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.5rem 0.7rem;\n font-size: 0.8rem;\n min-width: 45px;\n }\n \n .inline-reply-actions {\n flex-direction: column;\n gap: 0.8rem;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n width: 100%;\n text-align: center;\n }\n \n .inline-reply-form {\n padding: 1.2rem 1rem;\n margin: 1rem 0;\n }\n \n .reply-indicator {\n padding: 0.35rem 0.7rem;\n margin-bottom: 0.7rem;\n font-size: 0.8rem;\n }\n \n .reply-icon {\n font-size: 0.95rem;\n }\n \n .reply-text {\n font-size: 0.75rem;\n }\n\n .username-container {\n gap: 0.3rem;\n }\n \n .username-refresh-btn {\n min-width: 45px;\n padding: 0.8rem;\n font-size: 1.1rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1024px) {\n .comment-item {\n padding: 1.3rem 1.2rem;\n }\n \n .comment-text {\n font-size: 0.95rem;\n line-height: 1.6;\n }\n \n .comment-like-btn,\n .comment-dislike-btn,\n .comment-reply-btn {\n padding: 0.6rem 0.9rem;\n font-size: 0.85rem;\n }\n \n .inline-reply-form {\n padding: 1.3rem;\n }\n }\n\n @media (max-width: 480px) {\n .keep-learning-section {\n margin: 3rem auto;\n padding: 2rem 1rem;\n }\n\n .form-note {\n margin-top: 1.5rem !important;\n padding-top: 0.75rem !important;\n }\n\n #formMessage {\n margin-top: 2rem !important;\n padding: 1rem !important;\n clear: both !important;\n display: block !important;\n width: 100% !important;\n box-sizing: border-box !important;\n }\n\n .engagement-container {\n padding: 2rem 1rem;\n margin: 3rem auto;\n }\n .comment-item {\n margin-bottom: 2rem !important;\n padding: 1.5rem 1rem;\n font-size: 0.9rem;\n }\n .comment-author {\n font-size: 1rem;\n margin-bottom: 0.3rem;\n font-weight: 600;\n }\n .comment-date {\n font-size: 0.8rem;\n margin-bottom: 1rem;\n opacity: 0.8;\n }\n .comment-header {\n margin-bottom: 1.5rem;\n gap: 0.8rem;\n }\n .comment-text {\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.2rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n }\n .comment-footer {\n margin-top: 1.2rem;\n gap: 1rem;\n }\n .comment-actions {\n gap: 0.6rem;\n }\n .comment-like-btn,\n .comment-reply-btn,\n .comment-dislike-btn {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n min-width: 40px;\n }\n .sort-container {\n margin-bottom: 2rem !important;\n padding: 0 1rem;\n gap: 0.8rem;\n }\n .sort-label {\n font-size: 0.85rem;\n }\n .sort-dropdown {\n padding: 0.6rem 0.8rem;\n font-size: 0.85rem;\n }\n .comments-header {\n margin-bottom: 2rem !important;\n font-size: 1.2rem;\n padding: 0 1rem;\n line-height: 1.3;\n }\n \n .comment-item[style*=\"paddingLeft\"] {\n padding-left: 0.5rem !important;\n margin-left: 0 !important;\n }\n \n .reply-indicator {\n padding: 0.3rem 0.6rem !important;\n margin-bottom: 0.6rem !important;\n font-size: 0.75rem !important;\n border-radius: 8px !important;\n }\n \n .reply-icon {\n font-size: 0.9rem !important;\n }\n \n .reply-text {\n font-size: 0.7rem !important;\n }\n \n .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n left: -1px !important;\n width: 1px !important;\n }\n \n .inline-reply-form {\n padding: 1rem 0.8rem;\n margin: 0.8rem 0;\n }\n \n .inline-reply-form h5 {\n font-size: 0.85rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-email,\n .inline-reply-textarea {\n padding: 0.6rem;\n font-size: 0.8rem;\n margin-bottom: 0.6rem;\n }\n \n .inline-reply-textarea {\n height: 60px;\n }\n \n .inline-reply-submit,\n .inline-reply-cancel {\n padding: 0.6rem 0.8rem;\n font-size: 0.8rem;\n }\n\n .username-refresh-btn {\n min-width: 40px;\n padding: 0.8rem 0.6rem;\n font-size: 1rem;\n }\n\n .inline-username-refresh-btn {\n min-width: 35px;\n padding: 0.6rem;\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body class=\"dark-theme\">\n \n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n \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 \n <div class=\"title-section\">\n <h1 class=\"article-title\">Die Geschichte von Cannabis auf der Erde \ud83c\udf0d<\/h1>\n <p class=\"article-subtitle\">Von antiken Ritualen bis zur modernen Legalisierung, erkunde 5.000 Jahre menschlicher Cannabisnutzung<\/p>\n \n \n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"media-section\">\n \n <div class=\"media-card animate-in\" id=\"video-content\">\n <h3>\ud83c\udfac Schau dir die vollst\u00e4ndige Analyse an<\/h3>\n <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">Erlebe die vollst\u00e4ndige visuelle Reise durch die Cannabis-Geschichte<\/p>\n \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\/uFSY0XWHSgc\" \n data-en=\"uFSY0XWHSgc\"\n data-ga=\"Pgc9o0WwVho\"\n data-es=\"pjHs00fxSSw\"\n data-de=\"0jFJOuEolUo\"\n data-pt=\"8lYVAJ2YYcg\"\n data-fr=\"hsVJChvP4Ng\"\n data-it=\"J37_48XNyVo\"\n data-pl=\"9fJRQGX1Jt8\"\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 \n <div class=\"content-break\"><\/div>\n\n \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 \u2014 nur Audio<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/5ZhXjUZXemodGGr4zZQuXC?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 <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"nav-hint\">\n \u2193 Liest du lieber? Tauche ein in die vollst\u00e4ndige schriftliche Analyse unten \u2193\n <\/div>\n\n \n <div class=\"content-break\"><\/div>\n\n \n <div class=\"content-section\" id=\"written-content\">\n <h2 class=\"content-section-title\">Die Geschichte von Cannabis auf der Erde \ud83c\udf0d<\/h2>\n\n \n <div class=\"content-card\">\n <h3>Die Reise Beginnt<\/h3>\n <p class=\"content-text\">Lass uns eine Reise durch die Zeit machen. Von antiken Ritualen bis zu modernen Debatten war Cannabis seit Tausenden von Jahren Teil der menschlichen Geschichte. Diese Reise gibt dir einen Einblick, wie Menschen im Laufe der Geschichte mit der Cannabispflanze interagiert haben.<\/p>\n <p class=\"content-text\">Bereit? Lass uns eintauchen.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Wo alles begann \u2014 Die Urspr\u00fcnge von Cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" alt=\"Cannabis Origin Map\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">Wann tauchte Cannabis zum ersten Mal auf der Erde auf und wurde zu seiner eigenen Pflanze? Vor etwa <strong>28 Millionen Jahren<\/strong>, in den Regionen Zentralasien und Westchina. Damals trennte es sich von seinem Vorfahren und begann sich zu dem Cannabis zu entwickeln, das wir heute kennen.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"hide-on-mobile\">\n <div class=\"text-content\">\n <div class=\"highlight-box\">\n <p class=\"content-text\">Und hier ist die lustige Tatsache, rate mal, wer noch von dieser Vorfahrenpflanze abstammt? Humulus lupulus.<\/p>\n <p class=\"content-text\">Du sitzt wahrscheinlich da und denkst, Humulu was jetzt?<\/p>\n <p class=\"content-text translation-block\">Nun, Humulus lupulus ist der wissenschaftliche Name f\u00fcr <strong>Hopfen<\/strong>. Also die Hauptzutat in deinem Lieblingsbier.<\/p>\n <p class=\"content-text\"> Cannabis und Hopfen sind buchst\u00e4blich botanische Cousins. Direkte Cousins. Die Art von Cousins, die beide zur selben Familienhochzeit eingeladen werden.<\/p>\n \n <p class=\"content-text\">K\u00f6nnen wir bitte aufh\u00f6ren zu versuchen, die Familie auseinanderzubringen?<\/p>\n <\/div>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"Cannabis and Hops Plant Evolution\" class=\"mobile-image-after-text\" style=\"display: none;\">\n <\/div>\n <\/div>\n\n <p class=\"content-text translation-block\">Was wir wissen, ist, dass die fr\u00fcheste dokumentierte Verwendung von Cannabis bis <strong>2800 v. Chr.<\/strong> zur\u00fcckreicht, dank des chinesischen Kaisers Shen Nung. Shen, bekannt als der Vater der chinesischen Medizin, dokumentierte Cannabis in seiner Pharmakop\u00f6e wegen seiner therapeutischen Eigenschaften.<\/p>\n <p class=\"content-text translation-block\">Jetzt lass uns in die <strong>dokumentierte<\/strong> menschliche Geschichte von Cannabis eintauchen.<\/p>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Antike Geschichte \u2014 Die Anf\u00e4nge von dokumentiertem Cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_ancient_scroll-style_depiction_of_Emperor_Shen_33b2a279-72a3-4292-b4da-009879f0617b_3.png\" alt=\"Shen Nung Scroll\">\n <div class=\"text-content\">\n <h4>2800 BC \u2013 Shen Nung's First Recording<\/h4>\n <p class=\"content-text translation-block\">Das ist <strong>4825 Jahre her<\/strong>. Um die 175 Generationen zur\u00fcck. Shoutout an unsere Familienlinie damals. Ich frage mich, was unsere Vorfahren damals so gemacht haben. Ziemlich cool zu denken, dass sie, wer auch immer sie waren, dieselben Sterne angeschaut haben wie wir.<\/p>\n <p class=\"content-text\">Shennong dokumentierte um diese Zeit erstmals die Verwendung von Cannabis zu therapeutischen Zwecken. Den Chinesen k\u00f6nnen die fr\u00fchesten Aufzeichnungen \u00fcber die Verwendung von Cannabis zugeschrieben werden, insbesondere in ihren westlichen Regionen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_a_healer_or_temple_scribe_recording_medicinal_can_54bc767c-80e7-47c0-a7fe-0f369ea1f172_2.png\" alt=\"Egyptian Cannabis Medicine\">\n <div class=\"text-content\">\n <h4>1500 v. Chr. \u2013 \u00c4gyptische und assyrische Verwendung<\/h4>\n <p class=\"content-text translation-block\">Spulen wir vor bis etwa <strong>1500 v. Chr.<\/strong>, und wir sehen, wie die \u00c4gypter die Verwendung von Cannabis zur Behandlung von Entz\u00fcndungen dokumentierten. W\u00e4hrenddessen zeichneten die Assyrer seine medizinische Verwendung auf Tontafeln auf.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/mythology-festivals-gods-43.jpg\" alt=\"Cannabis India and Egypt\">\n <div class=\"text-content\">\n <h4>1500.01 v. Chr. \u2013 Cannabis im alten Indien<\/h4>\n <p class=\"content-text translation-block\">Im alten Indien galt Cannabis als eine von <strong>f\u00fcnf heiligen Pflanzen<\/strong>. Das Getr\u00e4nk Bhang (ein mit Cannabis angereichertes Milchgetr\u00e4nk) wird seit Jahrhunderten in Indien zur Behandlung verschiedener Beschwerden verwendet und wird auch heute noch konsumiert.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_atmospheric_illustration_of_Scythian_tribespeo_7bd2772d-233a-48e8-8eb7-a6bc9ec3205d_1.png\" alt=\"Scythians Ritual\">\n <div class=\"text-content\">\n <h4>440 v. Chr. \u2013 Herodot und die Skythen<\/h4>\n <p class=\"content-text\">Der griechische Historiker Herodot beschrieb ein skythisches Bestattungsritual, bei dem Trauernde Hanfsamen auf rotgl\u00fchende Steine warfen und sich am Rauch erfreuten.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Interessante Tatsache:<\/strong> Diese Samen enthielten h\u00f6here THC-Werte als zu dieser Zeit \u00fcblich, was den <strong>ersten dokumentierten Fall<\/strong> markiert, dass Menschen durch Cannabisrauch high wurden. Respekt an die Skythen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>n. Chr. \u00c4ra \u2014 Cannabis verbreitet sich \u00fcber Zivilisationen<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_scene_showing_Roman_sailors_loading_sails__rope_aee8a079-4dff-4d59-af02-c24b3badf0d9_3.png\" alt=\"Roman Use of Hemp\">\n <div class=\"text-content\">\n <h4>1 n. Chr. \u2013 Das R\u00f6mische Reich<\/h4>\n <p class=\"content-text translation-block\">W\u00e4hrend des R\u00f6mischen Reiches dokumentierten bedeutende Pers\u00f6nlichkeiten wie <strong>Plinius der \u00c4ltere, Galen und Dioskurides<\/strong> die Verwendung von Cannabis zur Behandlung von Schmerzen und Entz\u00fcndungen. Hanf wurde verwendet, um Seile, Segel und Netze herzustellen, was die Expansion menschlicher Zivilisationen unterst\u00fctzte.<\/p>\n <p class=\"content-text\">Galen bemerkte auch die psychoaktiven Eigenschaften von Cannabis und erkannte seine Auswirkungen auf den Geist.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_page_from_Avicennas_Canon_of_Medicine._-v_6.1_f1d7b9b7-ed4d-479e-a43b-f023b26b6b1d_0.png\" alt=\"Avicenna Canon\">\n <div class=\"text-content\">\n <h4>1205 \u2013 Mittelalterliche persische Medizin<\/h4>\n <p class=\"content-text translation-block\">Im mittelalterlichen Persien wurde Cannabis zur Behandlung von Epilepsie, Gicht und schweren Kopfschmerzen eingesetzt. Das renommierte medizinische Werk <strong>Avicennas Kanon der Medizin<\/strong> f\u00fchrte Cannabis als Behandlung f\u00fcr verschiedene Beschwerden auf, und dieses Werk beeinflusste die westliche Medizin jahrhundertelang.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Moderne Geschichte \u2014 Das neue Zeitalter von Cannabis<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vintage_portrait_of_Sir_William_Brooke_OShaughn_ade47ba7-42f3-4527-a54d-2d4130c6dffc_0.png\" alt=\"O'Shaughnessy Portrait\">\n <div class=\"text-content\">\n <h4>1841 \u2013 Irischer Arzt f\u00fchrt Cannabis in die westliche Medizin ein<\/h4>\n <p class=\"content-text translation-block\">Der Mann, der Mythos, die Legende. Erheben wir das Glas auf <strong>Sir William Brooke O'Shaughnessy<\/strong>, einen irischen Arzt, der Cannabis in die westliche Medizin brachte, ja genau, der William!<\/p>\n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">W\u00e4hrend seines Aufenthalts in Indien sah Herr O'Shack Hennessy Cannabis in Aktion, nicht als Heilung von Krankheiten, sondern als etwas, was \u00c4rzte nicht konnten. Er beobachtete seine starke Wirkung beim <strong>Lindern<\/strong> schwerer Schmerzen und bei der <strong>Behandlung<\/strong> brutaler Erkrankungen wie Tetanus, Tollwut, Arthritis und Epilepsie, Dinge, die \u00c4rzte ratlos machten.<\/p>\n <p class=\"content-text\">Das war ein Game Changer. Ein Wendepunkt. Von hier an begann Cannabis, in pharmazeutischen Kreisen Wellen zu schlagen, und seine medizinische Verwendung nahm von da an lawinenartig zu.<\/p>\n <p class=\"content-text\"><a href=\"https:\/\/www.youtube.com\/watch?v=rdJYbOkbetQ\" rel=\"noopener noreferrer\">Los geht's William!!!<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <div class=\"double-images-spaced\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_A_group_of_mischievous_1910s_Mexican_revolutionar_e15d4bcf-c0d4-47b0-87b2-9d9b9dc9ad8d_2.png\" alt=\"Mexican Revolution Cannabis\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"hide-on-mobile\">\n <\/div>\n <div class=\"text-content\">\n <h4>1910 - Die USA und die \"Marihuana-Bedrohung\"<\/h4>\n <p class=\"content-text translation-block\">Nach der mexikanischen Revolution von 1910 brachten viele mexikanische Einwanderer den Freizeitkonsum von Cannabis in die USA. Die Medien warnten vor den vorr\u00fcckenden <strong>\"Marihuana-Bedrohungen\"<\/strong> und schrieben schreckliche Verbrechen dem Marihuanakonsum von Mexikanern und Schwarzen Gemeinschaften zu.<\/p>\n \n <p class=\"content-text translation-block\">Das Wort \"Marijuana\" wurde absichtlich in das \u00f6ffentliche Vokabular eingef\u00fchrt, um die Pflanze fremd und bedrohlich klingen zu lassen. Durch die Verwendung des <strong>mexikanischen Slang-Begriffs<\/strong> anstelle von \"Cannabis\" konnten Beh\u00f6rden und Medien sie leichter mit Einwanderern in Verbindung bringen und kulturelle \u00c4ngste sch\u00fcren<\/p>\n \n <p class=\"content-text translation-block\">Im S\u00fcden der USA, besonders in New Orleans, machte eine neue Musikrichtung Wellen, <strong>Jazz<\/strong>. Cannabis spielte eine bedeutende Rolle im Jazz-Zeitalter und diente als Kanal f\u00fcr Kreativit\u00e4t, Musikproduktion und Performance.<\/p>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"Historical Cannabis Prohibition Era\" class=\"mobile-image-after-text\" style=\"display: none;\">\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Statistisch gesehen wurden Schwarze und mexikanische Amerikaner eher wegen Cannabisbesitzes verhaftet als wei\u00dfe Amerikaner. Die Gesetzgeber wussten das und <strong>instrumentalisierten Cannabisgesetze als Waffe<\/strong>, um marginalisierte Gemeinschaften ins Visier zu nehmen und die Pflanze als Werkzeug zur Kriminalisierung und Kontrolle zu nutzen.<\/p>\n <p class=\"content-text\">Auf den ersten Blick schien der Ansatz in den USA zu sein: \"Die Mexikaner und Schwarzen Amerikaner benutzen diese Pflanze, lasst uns sie illegal machen, sie einsperren und Geld damit verdienen.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/1925-convention.png\" alt=\"1925 Opium Convention\">\n <div class=\"text-content\">\n <h4>1925 - Internationales Verbot von Cannabis<\/h4>\n <p class=\"content-text translation-block\">Die 1920 gegr\u00fcndete <strong>Liga der Nationen<\/strong> war die erste multinationale, zwischenstaatliche Organisation, die geschaffen wurde, um den Weltfrieden nach dem Ende des Gro\u00dfen Krieges (Erster Weltkrieg) zu wahren. Die \"Lasst uns alle miteinander auskommen\"-Organisation.<\/p>\n <p class=\"content-text\">1925 fand in Genf die internationale Opiumkonvention statt. Ziel war es, den Export von Opium und Kokain weltweit zu verbieten. Das sollte gerade passieren, bis eine Last-Minute-Intervention aus \u00c4gypten, unterst\u00fctzt von Italien, S\u00fcdafrika und der T\u00fcrkei, Haschisch auf die Liste setzen wollte (aus Gr\u00fcnden, auf die wir ein andermal eingehen k\u00f6nnen).<\/p>\n <p class=\"content-text translation-block\">Es wurde genehmigt und Haschisch wurde der Liste hinzugef\u00fcgt. Dies markierte den Beginn des <strong>globalen Cannabisverbots<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/reefer-madness-md-web-scaled.jpg\" alt=\"Reefer Madness\">\n <div class=\"text-content\">\n <h4>1936 \u2013 Reefer Madness<\/h4>\n <p class=\"content-text translation-block\">Schau dir bitte einfach den <a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\" rel=\"noopener noreferrer\">Trailer zu Reefer Madness<\/a> an. Es wird dir eine Minute und achtunddrei\u00dfig Sekunden deines Lebens nehmen. Es wird sich absolut lohnen...<\/p>\n \n <p class=\"content-text translation-block\">Mein Lieblingszitat ist glaube ich <strong>\"Es kann zu einer harmlos aussehenden Zigarette gedreht werden\"<\/strong> Lies die Zeile nochmal, haha. YouTube-Kommentare sind wirklich mit das Beste, oder nicht?<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Der Film Reefer Madness wurde ver\u00f6ffentlicht und d\u00e4monisierte Cannabis als hochgradig s\u00fcchtig machende Droge, die psychische St\u00f6rungen und Gewalt verursacht. Im Grunde zeigt er, dass du, wenn du Cannabis konsumierst, <strong>gewaltt\u00e4tig, missbr\u00e4uchlich, m\u00f6rderisch<\/strong> wirst und aus einem Hochhaus in den Tod springst. Alles dank ein paar Z\u00fcgen von der s\u00fc\u00dfen Mary Jane.<\/p>\n <p class=\"content-text\">Nun, ich bin kein Experte f\u00fcr Drogen und ihre Wirkungen, aber das ist, da bin ich mir ziemlich sicher, als ganze Zahl, auf die n\u00e4chste Dezimalstelle gerundet, absoluter Schwachsinn a.k.a ein Haufen Schei\u00dfe a.k.a kompletter und totaler Unsinn\u2026<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <div class=\"double-images\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"hide-on-mobile\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Marhihanna-Tax-Stamp.jpg\" alt=\"Marijuana Tax Stamp\">\n <\/div>\n <div class=\"text-content\">\n <h4>1937 \u2013 Das Marihuana-Steuergesetz<\/h4>\n <p class=\"content-text\">Lies mal kurz, wie sie zu der Entscheidung kamen, Cannabis in den USA praktisch zu verbieten. Es gab zwei Ansichten dazu.<\/p>\n <p class=\"content-text translation-block\">Auf der einen Seite hattest du <strong>Harry J. Anslinger<\/strong>, den ersten Commissioner des Federal Bureau of Narcotics. Harold war h\u00f6llisch darauf versessen, Cannabis ins Fadenkreuz des Bundesgesetzes zu bringen. Aber warum? Seine Agenda wurde von einer Mischung aus Rassismus, politischem Eigeninteresse, b\u00fcrokratischen Revierk\u00e4mpfen und einem moralischen Kreuzzug angetrieben. Hier ging es nicht um Beweise oder \u00f6ffentliche Gesundheit, es ging um Angst, Kontrolle und Macht<\/p>\n \n \n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"Harry J. Anslinger Portrait\" class=\"mobile-image-after-text\" style=\"display: none;\">\n \n <p class=\"content-text translation-block\">Nun, auf der anderen Seite dieser Entscheidung hattest du den <strong>Rechtsberater der American Medical Association<\/strong>, der gegen diese Entscheidung war, Cannabis zu verbieten. Warum?<\/p>\n \n <ul>\n <li>Mangel an wissenschaftlichen Beweisen f\u00fcr die Entscheidung<\/li>\n <li>Der medizinische Wert wurde ignoriert<\/li>\n <li>Die medizinische Gemeinschaft war nicht an der Verabschiedung des Gesetzes beteiligt<\/li>\n <\/ul>\n \n <p class=\"content-text translation-block\">Zusammen mit dem Rechtsberater der American Medical Association hattest du die <strong>New York Academy of Medicine.<\/strong> Sie ver\u00f6ffentlichten einen umfassenden Bericht, der erkl\u00e4rte, dass \"Marihuana\" keine Gewalt oder Wahnsinn hervorruft oder zu Sucht oder anderem Drogenkonsum f\u00fchrt.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\">Was denkst du, haben sie beschlossen zu tun, nachdem sie diese Berichte und die Situation sorgf\u00e4ltig analysiert hatten? Nun, sie beschlossen, <strong>nicht auf die \u00c4rzte und Experten<\/strong> in der Medizin zu h\u00f6ren und diese umfangreichen Berichte zu ignorieren. Also machten sie weiter und verabschiedeten das erw\u00e4hnte Gesetz. Toll gemacht Jungs.<\/p>\n <p class=\"content-text\">Dieses Gesetz machte es in den folgenden Jahren \u00e4u\u00dferst schwierig, bedeutende Forschung zu Cannabis durchzuf\u00fchren.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-card\">\n <h3>Die Jahrtausendwende \u2014 Der Weg zur Legalisierung<\/h3>\n \n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vibrant_nostalgic_1970s_Amsterdam_coffee_shop_a_7a91547b-8cd4-4ffb-b717-0f50038e76e2_1.png\" alt=\"Dutch Coffee Shop\">\n <div class=\"text-content\">\n <h4>1970er \u2013 Niederl\u00e4ndische Liberalisierung<\/h4>\n <p class=\"content-text translation-block\">Die Niederlande verfolgten einen fortschrittlichen Ansatz, indem sie Cannabis als weniger gef\u00e4hrliche Droge einstuften. Die niederl\u00e4ndische Regierung teilte Drogen in <strong>mehr und weniger gef\u00e4hrliche Kategorien<\/strong> ein, wobei Cannabis in die weniger gef\u00e4hrliche Kategorie fiel.<\/p>\n <p class=\"content-text\">1976 begannen Coffeeshops, Cannabis zum Freizeitgebrauch zu verkaufen. Der Ansatz des Landes zu Cannabis wurde zum Vorbild f\u00fcr andere.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Inside_a_microscopic_cellular_world_glowing_canna_2679b5ff-5879-40d6-8c9e-a17a437cdd25_1.png\" alt=\"California Legalisation\">\n <div class=\"text-content\">\n <h4>1992 - Entdeckung des Endocannabinoid-Systems<\/h4>\n <p class=\"content-text translation-block\">1992 entdeckte der Wissenschaftler <strong>Dr. Raphael Mechoulam<\/strong>, dass Menschen ein ganzes biologisches System besitzen, das f\u00fcr die Interaktion mit Cannabisverbindungen ausgelegt ist. Es hei\u00dft <strong>Endocannabinoid-System<\/strong>. Diese Entdeckung ver\u00e4nderte das Gespr\u00e4ch komplett von \"gef\u00e4hrliche Droge\" zu \"Moment mal, vielleicht ist da tats\u00e4chlich was dran.\"<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_warm_sun-drenched_California_street_glowing_in__9316f0e9-68bb-4bec-8593-603094b1a83f_3.png\" alt=\"California Legalisation\">\n <div class=\"text-content\">\n <h4>1996 - Kalifornien legalisiert medizinisches Cannabis<\/h4>\n <p class=\"content-text translation-block\">1996 wagte Kalifornien es. Gegen das Bundesgesetz ging Kaliforniens W\u00e4hlerschaft vor und verabschiedete <strong>Proposition 215<\/strong>, die den Verkauf und medizinischen Gebrauch von Marihuana f\u00fcr Patienten mit AIDS, Krebs und anderen schweren und schmerzhaften Krankheiten erlaubte.<\/p>\n <p class=\"content-text\">Dieses Gesetz steht immer noch in Spannung mit Bundesgesetzen, die den Besitz von Marihuana verbieten.<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Playful_political_cartoon_showing_two_stages_of_c_2185a797-ea9c-48c0-8be1-c8c716189c22_3.png\">\n <div class=\"text-content\">\n <h4>2000er \u2013 Die globale Wende<\/h4>\n <p class=\"content-text translation-block\">Seit der Jahrtausendwende bewegen sich immer mehr L\u00e4nder in Richtung Entkriminalisierung und Legalisierung von Cannabis. Der Trend ist <strong>Entkriminalisierung gefolgt von Legalisierung<\/strong>.<\/p>\n \n <div class=\"highlight-box\">\n <p class=\"content-text translation-block\"><strong>Entkriminalisierung<\/strong> bedeutet, dass du nicht bestraft oder mit einer Geldstrafe belegt wirst, wenn du kleine Mengen der Droge besitzt.<\/p>\n <p class=\"content-text translation-block\"><strong>Legalisierung<\/strong> bedeutet, dass die Droge reguliert ist und nach staatlichen Vorschriften verkauft und gehandelt werden kann.<\/p>\n <\/div>\n \n <p class=\"content-text\">Also erkennen sie zuerst, dass wir vielleicht zu streng mit all diesen Vorschriften und Verboten in der Vergangenheit waren, lass uns aufh\u00f6ren, Leute daf\u00fcr zu bestrafen, was sie tun (Entkriminalisierung). Dann denken sie \"Okay, wie k\u00f6nnen wir jetzt damit Geld verdienen\", woraufhin ein Plan aufgestellt wird, die Droge legal zu verkaufen (Legalisierung).<\/p>\n <p class=\"content-text\">Es sei denn, dein Land hei\u00dft Thailand, ihr verr\u00fcckten Bastarde.<\/p>\n <\/div>\n<\/div>\n<div class=\"split-content\">\n <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Side-by-side_political_illustration_of_Uruguay_20_51ba5fc7-cf52-4f25-a6c5-b24941fd8bc8_1.png\" alt=\"Uruguay and Canada Legalisation\">\n <div class=\"text-content\">\n <p class=\"content-text translation-block\">W\u00e4hrenddessen, w\u00e4hrend alle versuchten herauszufinden, was mit Gesetzen und Richtlinien zu tun ist, ging <strong>Uruguay<\/strong> einfach hin und wurde 2013 das erste Land der Welt, das Cannabis vollst\u00e4ndig legalisierte. Nicht entkriminalisierte, richtige Legalisierung. Ihr Ansatz war simpel: Warum lassen wir Kriminelle das ganze Geld damit verdienen?<\/p>\n \n <p class=\"content-text translation-block\">Dann wurde 2018 <strong>Kanada<\/strong> das erste gro\u00dfe westliche Land, das Cannabis landesweit legalisierte. Ihre Regierung hatte drei einfache Ziele: Es von Kindern fernhalten, Profite von Kriminellen fernhalten und die Gesellschaft nicht zusammenbrechen lassen. Spoiler-Alarm: Die Gesellschaft ist nicht zusammengebrochen.<\/p>\n <\/div>\n<\/div>\n<\/div>\n \n <div class=\"content-card\">\n <h3>Abschlie\u00dfende Gedanken - Die Geschichte wurde verdreht<\/h3>\n <p class=\"content-text translation-block\">So, da haben wir's. Das sollte ein guter \u00dcberblick \u00fcber die Landschaft und Geschichte von Cannabis, Erde und Menschen zusammen sein. Cannabis ist seit <strong>Tausenden von Jahren<\/strong> Teil der menschlichen Geschichte. Es wurde als Medizin, als Quelle spiritueller Erleuchtung und als Werkzeug sozialer Kontrolle verwendet.<\/p>\n <p class=\"content-text\">Adios.<\/p>\n <\/div>\n\n \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 & Dokumentationen<\/li>\n <li>\ud83d\udcda Lehrvideos & Audios<\/li>\n <li>\ud83d\udd2c Wissenschaftlich fundierte Informationen & 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 \n <div class=\"section-break\"><\/div>\n \n \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 \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 \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 \n <div class=\"status-message\" id=\"commentStatus\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \n <div class=\"comments-display\">\n \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 \n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section-break\"><\/div>\n \n \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 \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>Abel, E.L., 1980. <em>The First Twelve Thousand Years<\/em>. New York: McGraw Hill.<\/p>\n \n <p>Alcohol and Drug Foundation, n.d. <em>Decriminalisation in Australia<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/adf.org.au\/insights\/decriminalisation-australia\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/adf.org.au\/insights\/decriminalisation-australia\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Annual Reviews, n.d. <em>Cannabis sativa L.: Botany and Biotechnology<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Bloom, n.d. <em>History of Cannabis Part 2: Are We There Yet?<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Britannica, n.d. <em>Medical Marijuana Debate<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Daily Trojan, 2020. <em>To be blunt: Cannabis is an integral part of jazz history in America<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Drug Enforcement Administration Museum, n.d. <em>Cannabis, Coca, and Poppy: Nature's Addictive Plants<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Endocannabinoid Medicine, n.d. <em>History of Cannabis<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Global Initiative, n.d. <em>Cannabis status in drug control<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Google Books, n.d. <em>Hemp & the Marijuana Conspiracy: The Emperor Wears No Clothes<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Google Books, n.d. <em>Hemp: American History Revisited: The Plant with a Divided History<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Medical Daily, n.d. <em>A Brief History Of Medical Cannabis: From Ancient Anesthesia To The Modern Dispensary<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Nature, 2015. <em>The grass roots of medical marijuana<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.nature.com\/articles\/525S10a\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.nature.com\/articles\/525S10a<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>PBS, n.d. <em>Marijuana Timeline<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>PubMed Central, 2020. <em>A Brief History of Cannabis Use in North America<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>ResearchGate, n.d. <em>Herbal medicine in ancient Egypt<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Taylor & Francis Online, 2020. <em>Cannabis sativa: the plant of the thousand and one molecules<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>The University of Georgia Law Library, n.d. <em>Marijuana Law: History of Marijuana Regulation in the United States<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>The University of Sydney, n.d. <em>History of cannabis<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html<\/a> [Accessed 31 December 2024].<\/p>\n \n <p>Woodward, W.C., 1937. <em>Statement of Dr. William C. Woodward, Legislative Counsel, American Medical Association, Chicago, Ill. Hearings on H.R. 6385: Taxation of Marihuana, House Committee on Ways and Means, U.S. House of Representatives, May 4, 1937<\/em>. [online] DrugLibrary.org. Available at: <a href=\"https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm<\/a> [Zugriff am 22. M\u00e4rz 2025].<\/p>\n \n <p>Visual Capitalist, n.d. <em>Mapped: Countries Where Recreational Cannabis is Legal<\/em>. [online] Verf\u00fcgbar unter: <a href=\"https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/<\/a> [Accessed 31 December 2024].<\/p>\n <\/div>\n <\/div>\n\n \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 \n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/de\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button\">\n \ud83c\udf3f Geh auf Entdeckung\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 \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 currentText = button.textContent.trim();\n \n if (currentText === '\ud83c\udf19') {\n button.textContent = '\u2600\ufe0f';\n playAudio('dayTimeAudio');\n isDarkTheme = false;\n } else {\n button.textContent = '\ud83c\udf19';\n playAudio('nightTimeAudio');\n isDarkTheme = true;\n }\n \n toggleTheme();\n }\n\n function playAudio(audioId) {\n const audio = document.getElementById(audioId);\n \n if (audio) {\n audio.currentTime = 0;\n const playPromise = audio.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() => {\n console.log(`${audioId} played successfully`);\n }).catch(error => {\n console.log(`Audio play failed for ${audioId}:`, error);\n showVisualFeedback(audioId);\n });\n }\n }\n }\n\n function showVisualFeedback(audioId) {\n const button = document.getElementById('theme-toggle');\n const originalTransform = button.style.transform;\n \n button.style.transform = 'scale(1.1)';\n button.style.transition = 'transform 0.1s ease';\n \n setTimeout(() => {\n button.style.transform = originalTransform;\n button.style.transition = 'all 0.3s ease';\n }, 100);\n }\n\n \/\/ Complete theme toggle function - UPDATED WITH BODY CLASS MANAGEMENT\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\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 BODY CLASS FOR THEME DETECTION\n body.classList.add('light-theme');\n body.classList.remove('dark-theme');\n \n \/\/ Add light theme class to html as well\n html.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\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');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n });\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 AND ADD DARK THEME CLASS\n body.classList.remove('light-theme');\n body.classList.add('dark-theme');\n \n \/\/ Remove light theme class from html as well\n html.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\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');\n highlights.forEach(highlight => {\n highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n });\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\n \/\/ Smooth scroll to anchor on page load with offset\n document.addEventListener('DOMContentLoaded', function() {\n if (window.location.hash) {\n setTimeout(function() {\n const element = document.querySelector(window.location.hash);\n if (element) {\n const yOffset = -150; \/\/ Negative value = scroll UP from element\n const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n \n window.scrollTo({\n top: yPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n });\n\n \/\/ Initialize everything when DOM is ready\n document.addEventListener('DOMContentLoaded', function() {\n console.log('\ud83c\udf3f Two Birds One Stoned - Cannabis History Article Initialized');\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>The Complete History of Cannabis: 5000 Years of Human Use | Two Birds One Stoned The History of Cannabis on Earth \ud83c\udf0d From ancient rituals to modern legalization, explore 5,000 years of human cannabis use \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through cannabis history \ud83c\udfa7 Listen on the Go Perfect […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/701","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=701"}],"version-history":[{"count":177,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/701\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}