{"id":240,"date":"2025-04-09T09:25:00","date_gmt":"2025-04-09T09:25:00","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=240"},"modified":"2025-11-18T05:57:59","modified_gmt":"2025-11-18T05:57:59","slug":"about","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/de\/about\/","title":{"rendered":"\u00dcber uns"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"240\" class=\"elementor elementor-240\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a324fd e-flex e-con-boxed e-con e-parent\" data-id=\"9a324fd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67deb09 elementor-widget elementor-widget-html\" data-id=\"67deb09\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- Primary Meta Tags -->\n    <title>\u00dcber Two Birds One Stoned - Cannabis-Aufkl\u00e4rung ohne den Hype | Evidenzbasierter Inhalt<\/title>\n    <meta name=\"title\" content=\"About Two Birds One Stoned - Cannabis Education Without the Hype | Evidence-Based Content\">\n    <meta name=\"description\" content=\"Erfahre mehr \u00fcber die Mission von Two Birds One Stoned, evidenzbasierte Cannabis-Aufkl\u00e4rung zu liefern, Stigmata herauszufordern und wissenschaftlich fundierte Informationen ohne Social-Media-Hype bereitzustellen.\">\n    <meta name=\"keywords\" content=\"cannabis education, evidence-based cannabis, cannabis science, endocannabinoid system, cannabis research, medical cannabis education, cannabis stigma, substance education, cannabis knowledge, James Gallagher\">\n    <meta name=\"author\" content=\"James Gallagher\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"language\" content=\"English\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/about\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/about\/\">\n    <meta property=\"og:title\" content=\"\u00dcber Two Birds One Stoned - Cannabis-Aufkl\u00e4rung ohne den Hype\">\n    <meta property=\"og:description\" content=\"Erfahre mehr \u00fcber die Mission von Two Birds One Stoned, evidenzbasierte Cannabis-Aufkl\u00e4rung zu liefern, Stigmata herauszufordern und wissenschaftlich fundierte Informationen ohne Social-Media-Hype bereitzustellen.\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <meta property=\"og:image:width\" content=\"1200\">\n    <meta property=\"og:image:height\" content=\"630\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"og:locale\" content=\"en_US\">\n    \n    <!-- Twitter -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/about\/\">\n    <meta name=\"twitter:title\" content=\"\u00dcber Two Birds One Stoned - Cannabis-Aufkl\u00e4rung ohne den Hype\">\n    <meta name=\"twitter:description\" content=\"Erfahre mehr \u00fcber die Mission von Two Birds One Stoned, evidenzbasierte Cannabis-Aufkl\u00e4rung zu liefern, Stigmata herauszufordern und wissenschaftlich fundierte Informationen ohne Social-Media-Hype bereitzustellen.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags for Cannabis Content -->\n    <meta name=\"topic\" content=\"Cannabis Education\">\n    <meta name=\"subject\" content=\"Educational content about cannabis science, research, and evidence-based information\">\n    <meta name=\"classification\" content=\"Educational\">\n    <meta name=\"category\" content=\"Health Education\">\n    \n    <!-- Structured Data (JSON-LD) -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"AboutPage\",\n    \"mainEntity\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"description\": \"Cannabis education platform delivering evidence-based content, challenging stigma, and providing science-backed information without social media hype\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n        \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\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?si=RCRQ1qo4SS2jwcDr5F_mPw\"\n        ],\n        \"knowsAbout\": [\n            \"Cannabis Education\",\n            \"Endocannabinoid System\",\n            \"Cannabis Science\",\n            \"Medical Cannabis\",\n            \"Cannabis Research\"\n        ],\n        \"mission\": \"To educate people about cannabis through evidence-based content, challenge outdated stigma, and create substance-first educational materials\",\n        \"areaServed\": \"Global\",\n        \"audience\": {\n            \"@type\": \"Audience\",\n            \"audienceType\": \"People seeking evidence-based cannabis education\"\n        }\n    },\n    \"about\": {\n        \"@type\": \"Thing\",\n        \"name\": \"Cannabis Education\",\n        \"description\": \"Evidence-based educational content about cannabis science, the endocannabinoid system, and responsible use\"\n    },\n    \"breadcrumb\": {\n        \"@type\": \"BreadcrumbList\",\n        \"itemListElement\": [\n            {\n                \"@type\": \"ListItem\",\n                \"position\": 1,\n                \"name\": \"Home\",\n                \"item\": \"https:\\\/\\\/twobirdsonestoned.co\"\n            },\n            {\n                \"@type\": \"ListItem\",\n                \"position\": 2,\n                \"name\": \"About\",\n                \"item\": \"https:\\\/\\\/twobirdsonestoned.co\\\/about\\\/\"\n            }\n        ]\n    }\n}<\/script>\n    \n    <!-- Favicon and Icons -->\n    <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n    <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Additional SEO Meta Tags -->\n    <meta name=\"geo.region\" content=\"AU\">\n    <meta name=\"geo.placename\" content=\"Australia\">\n    <meta name=\"dcterms.subject\" content=\"Cannabis Education, Health Education, Science Communication\">\n    <meta name=\"dcterms.type\" content=\"Text\">\n    <meta name=\"dcterms.audience\" content=\"General Public, Students, Healthcare Professionals\">\n    \n    <!-- Content Security and Trust Signals -->\n    <meta name=\"referrer\" content=\"origin-when-cross-origin\">\n    <meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self'; script-src 'self' 'unsafe-inline' https:\/\/www.youtube.com https:\/\/docs.google.com; style-src 'self' 'unsafe-inline' https:\/\/fonts.googleapis.com; font-src 'self' https:\/\/fonts.gstatic.com; img-src 'self' data: https:; media-src 'self' https:; frame-src https:\/\/www.youtube.com https:\/\/docs.google.com;\">\n    \n    <!-- Performance and Loading -->\n    <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    \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        \/* VIDEO MODAL STYLES *\/\n        .video-modal {\n            display: none;\n            position: fixed;\n            z-index: 10000;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.9);\n            backdrop-filter: blur(5px);\n        }\n\n        .video-modal-content {\n            position: relative;\n            margin: 2% auto;\n            width: 90%;\n            max-width: 800px;\n            height: 80vh;\n            max-height: 600px;\n            background: #1d1d1d;\n            border-radius: 15px;\n            border: 2px solid rgba(156,175,136,0.3);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .video-modal-header {\n            padding: 1rem 1.5rem;\n            background: rgba(244, 197, 66, 0.1);\n            border-bottom: 1px solid rgba(156,175,136,0.3);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .video-modal-title {\n            color: #F4C542;\n            font-size: 1.2rem;\n            font-weight: 600;\n            margin: 0;\n        }\n\n        .video-modal-close {\n            background: none;\n            border: none;\n            color: #fff;\n            font-size: 2rem;\n            cursor: pointer;\n            padding: 0;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            transition: all 0.3s ease;\n        }\n\n        .video-modal-close:hover {\n            background: rgba(255, 255, 255, 0.1);\n            transform: rotate(90deg);\n        }\n\n        .video-container {\n            flex: 1;\n            position: relative;\n            background: #000;\n        }\n\n        .video-container iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        \/* Light theme styles for modal *\/\n        .light-theme .video-modal-content {\n            background: #ffffff;\n            border: 2px solid #000000;\n        }\n\n        .light-theme .video-modal-header {\n            background: rgba(184, 134, 11, 0.1);\n            border-bottom: 1px solid #000000;\n        }\n\n        .light-theme .video-modal-title {\n            color: #B8860B;\n        }\n\n        .light-theme .video-modal-close {\n            color: #2A2A2A;\n        }\n\n        .light-theme .video-modal-close:hover {\n            background: rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Video link styling *\/\n        .video-link {\n            color: #4CAF50;\n            text-decoration: underline;\n            cursor: pointer;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .video-link:hover {\n            color: #45a049;\n        }\n\n        .light-theme .video-link {\n            color: #B8860B;\n        }\n\n        .light-theme .video-link:hover {\n            color: #A0750A;\n        }\n\n        \/* Mobile responsive for modal *\/\n        @media (max-width: 768px) {\n            .video-modal-content {\n                margin: 5% auto;\n                width: 95%;\n                height: 70vh;\n                max-height: 500px;\n            }\n\n            .video-modal-header {\n                padding: 0.75rem 1rem;\n            }\n\n            .video-modal-title {\n                font-size: 1rem;\n            }\n\n            .video-modal-close {\n                font-size: 1.5rem;\n                width: 35px;\n                height: 35px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .video-modal-content {\n                margin: 10% auto;\n                width: 98%;\n                height: 60vh;\n                max-height: 400px;\n            }\n        }\n\n        \/* ABOUT PAGE SECTION - MATCHING OTHER PAGES *\/\n        .about-page {\n            background: transparent;\n            margin: 0;\n            min-height: 100vh;\n            width: 100%;\n            padding: 0;\n            position: relative;\n            padding-top: 150px;\n            padding-bottom: 4rem;\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        \/* Title Section - MATCHING OTHER PAGES EXACTLY *\/\n        .title-container {\n            margin-bottom: 6rem;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-20px);\n            transition: all 0.8s ease;\n        }\n\n        .about-page .tbos-section-title {\n            font-family: 'Montserrat', sans-serif;\n            color: #ffffff;\n            word-break: break-word;\n        }\n\n        .page-subtitle {\n            font-size: clamp(12px, 2.5vw, 18px);\n            line-height: 1.4;\n            margin-bottom: 0;\n            margin-top: clamp(20px, 5vw, 30px);\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.9;\n        }\n\n        \/* Content Cards *\/\n        .content-card {\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: 2rem auto;\n            max-width: 800px;\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(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Content Text *\/\n        .content-text {\n            font-size: 1rem;\n            line-height: 1.6;\n            color: #E3E3DC;\n            margin-bottom: 1.5rem;\n        }\n\n        .content-text:last-child {\n            margin-bottom: 0;\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 li {\n            font-size: 1rem;\n            color: #E3E3DC;\n            line-height: 1.6;\n            margin-bottom: 0.8rem;\n        }\n\n        \/* Section Headings *\/\n        .content-card h3 {\n            font-size: clamp(16px, 4vw, 28px);\n            color: #F4C542;\n            margin-bottom: 1rem;\n            line-height: 1.3;\n            text-align: center;\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        \/* Email Signup Form *\/\n        .email-signup-form {\n            margin: 25px 0 0 0;\n            text-align: center;\n        }\n\n        .email-input-group {\n            display: flex;\n            gap: 0.5rem;\n            margin: 0 auto;\n            max-width: 500px;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .email-input {\n            flex: 1;\n            padding: 12px 18px;\n            border: 2px solid rgba(156,175,136,0.4);\n            border-radius: 25px;\n            background: rgba(29,29,29,0.9);\n            color: #F5EBD6;\n            font-size: clamp(11px, 2.5vw, 16px);\n            text-align: center;\n            outline: none;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .email-input:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);\n        }\n\n        .email-input::placeholder {\n            color: #888;\n        }\n\n        \/* Placeholder styling for light theme *\/\n        .light-theme .email-input::placeholder {\n            color: rgba(42, 42, 42, 0.7) !important;\n        }\n\n        .email-submit {\n            padding: 12px 25px;\n            background: #4CAF50;\n            color: #000;\n            border: none;\n            border-radius: 25px;\n            font-weight: bold;\n            font-size: clamp(11px, 2.5vw, 16px);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            white-space: nowrap;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .email-submit:hover {\n            background: #45a049;\n            transform: translateY(-2px);\n        }\n\n        \/* Benefits List Styling - FROM TERMS OF SERVICE *\/\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        }\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        \/* Split Layout for Keep Learning Section - FROM TERMS OF SERVICE *\/\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        }\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        }\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        }\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        \/* Placeholder styling for light theme *\/\n        .light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.7) !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: 0.5rem 0 0 0;\n            text-align: center;\n        }\n\n        \/* Theme Toggle - MATCHING OTHER PAGES WITH EMOJI *\/\n        .theme-toggle {\n            text-align: center;\n            margin-top: 20px;\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(8px, 2vw, 12px) clamp(15px, 4vw, 25px);\n            border-radius: 25px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 3vw, 20px);\n            font-weight: bold;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\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        \/* CTA Button Styles - UPDATED TO BE BIGGER *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            color: #ffffff;\n            padding: 1.2rem 3.5rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.3rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(76, 175, 80, 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(76, 175, 80, 0.4) !important;\n            background: linear-gradient(135deg, #45a049, #3d8b40) !important;\n        }\n\n        \/* Contact Button Styles *\/\n        .btn {\n            display: inline-block;\n            background: #4CAF50;\n            color: #000;\n            padding: 12px 25px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: bold;\n            transition: all 0.3s ease;\n            margin: 0;\n            font-size: clamp(12px, 2.5vw, 16px);\n        }\n\n        .btn:hover {\n            background: #45a049;\n            transform: translateY(-2px);\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        \/* Section Breaks - MATCHING TERMS OF SERVICE *\/\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        \/* 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            .about-page {\n                padding-top: 150px;\n            }\n\n            .email-input-group {\n                flex-direction: column;\n                gap: 1rem;\n                width: 100%;\n            }\n\n            .email-input, .email-submit {\n                width: 100%;\n                max-width: 350px;\n            }\n\n            \/* Mobile responsive for split layout *\/\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 input,\n            .signup-form-container button {\n                width: 100%;\n            }\n\n            \/* Mobile responsive for CTA button *\/\n            .cta-button {\n                padding: 1rem 2.5rem;\n                font-size: 1.2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Audio Elements (Hidden) -->\n    <div style=\"display: none;\">\n        <audio id=\"nightTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n        \n        <audio id=\"dayTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n    <\/div>\n\n    <!-- VIDEO MODAL -->\n    <div id=\"videoModal\" class=\"video-modal\">\n        <div class=\"video-modal-content\">\n            <div class=\"video-modal-header\">\n                <h3 id=\"videoModalTitle\" class=\"video-modal-title\">Laden...<\/h3>\n                <button class=\"video-modal-close\" onclick=\"closeVideoModal()\">\u00d7<\/button>\n            <\/div>\n            <div class=\"video-container\">\n                <iframe id=\"videoIframe\" src=\"\" allowfullscreen><\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <section class=\"about-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-container\">\n                <h1 class=\"tbos-section-title\" style=\"font-size: clamp(28px, 8vw, 48px); font-weight: bold; margin: 0 0 25px 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); line-height: 1.1; text-align: center; padding: 0; display: block; width: 100%; clear: both; background: none; border-radius: 0; box-shadow: none; max-width: none; margin-left: auto; margin-right: auto;\">\n                    <span style=\"color: #F4C542; display: inline;\">\u00dcBER<\/span> <span style=\"color: #F5EBD6; display: inline;\">TWO BIRDS<\/span> <span style=\"color: #F4C542; display: inline;\">ONE STONED<\/span>\n                <\/h1>\n                <p class=\"page-subtitle\">Die Geschichte hinter unserer Mission, aufzukl\u00e4ren und Stigma zu brechen<\/p>\n                \n                <!-- Theme Toggle -->\n                <div class=\"theme-toggle\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- What We're About -->\n            <div class=\"content-card\">\n                <h3>Was wir machen<\/h3>\n                <p class=\"content-text\">Willkommen bei Two Birds One Stoned, wo es uns darum geht, aufzukl\u00e4ren, Stigma zu brechen und echte Gespr\u00e4che \u00fcber Cannabis anzuregen.<\/p>\n                <p class=\"content-text\">Es ist ein Ort, wo wir den Bullshit durchschneiden, veraltete Narrative herausfordern und in das eintauchen, was wirklich z\u00e4hlt: die Pflanze zu verstehen, ihr Potenzial, ihre Fallstricke und wie sie mit uns Menschen interagiert.<\/p>\n                <p class=\"content-text\">Ob du hier bist um zu lernen, deine Geschichte zu teilen, oder einfach nur zu lachen, du bist am richtigen Ort.<\/p>\n            <\/div>\n\n            <!-- Why We Exist -->\n            <div class=\"content-card\">\n                <h3>Warum es uns gibt<\/h3>\n                <p class=\"content-text translation-block\">F\u00fcr eine pers\u00f6nlichere, ausf\u00fchrlichere Geschichte dar\u00fcber, warum ich diese Website erstellt habe, <a href=\"https:\/\/twobirdsonestoned.co\/de\/why-two-birds-one-stoned-exists\/\" target=\"_self\">schau dir an, warum ich Two Birds One Stoned erstellt habe<\/a>.<\/p>\n                <p class=\"content-text\">Es fing alles mit ein paar Momenten an, die mich innehalten lie\u00dfen und ich dachte, \"Warte mal\u2026 warum wird Cannabis so behandelt?\"<\/p>\n                <p class=\"content-text\">Von Freunden, die ihre Unterkunft verloren haben, \u00fcber andere, die wegen 0,50\u20ac Gras vor Gericht gebracht wurden, bis zu meiner eigenen Erfahrung, auf einem Festival durchsucht zu werden, weil ich ein paar Joints dabei hatte.<\/p>\n                <p class=\"content-text\">Die Inkonsistenz und H\u00e4rte dieser Begegnungen brachten mich dazu zu hinterfragen, warum Cannabis so viel Stigma tr\u00e4gt. Wie die Gesellschaft heute mit Cannabis umgeht, f\u00fchlt sich v\u00f6llig weltfremd an, besonders wenn du bedenkst, wie viel von diesem Stigma durch Mainstream-Medien-Narrative, Regierungspolitik und m\u00e4chtige Industrien mit finanziellen Interessen daran, Cannabis au\u00dfen vor zu lassen, geformt wurde. (Komm, diskutier mit mir)<\/p>\n                <p class=\"content-text\">Die Erkenntnis? Cannabis selbst ist nicht immer das Problem. Es ist, wie wir dar\u00fcber reden, es regulieren und verstehen, was oft den Schaden verursacht.<\/p>\n                <p class=\"content-text\">Deshalb habe ich Two Birds One Stoned erstellt:<\/p>\n                <ul>\n                    <li>Um Menschen \u00fcber Cannabis aufzukl\u00e4ren, damit du sicher und informiert damit umgehen kannst.<\/li>\n                    <li>Um veraltete Stigmata herauszufordern und Platz f\u00fcr offene, ehrliche Gespr\u00e4che zu schaffen.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- What You'll Find Here -->\n            <div class=\"content-card\">\n                <h3>Was du hier finden wirst<\/h3>\n                <p class=\"content-text\">Ich habe sechs Kernartikel zusammengestellt, um den Ball ins Rollen zu bringen:<\/p>\n                <ul>\n                    <li>Die Anatomie der Cannabis-Pflanze \ud83c\udf3f<\/li>\n                    <li>Das Endocannabinoid-System erkl\u00e4rt \ud83e\udde0<\/li>\n                    <li>Die Geschichte von Cannabis auf der Erde \ud83c\udf0d<\/li>\n                    <li>Cannabis-Verbindungen: Jenseits von THC  \ud83e\uddec<\/li>\n                    <li>Cannabis-Konsummethoden \ud83c\udf2c\ufe0f<\/li>\n                    <li>Medizinische Anwendungen von Cannabis \ud83c\udfe5<\/li>\n                <\/ul>\n                <p class=\"content-text\">Jeder Artikel enth\u00e4lt:<\/p>\n                <ul>\n                    <li>Eine kurze Video-Zusammenfassung (falls du nur die Highlights suchst)<\/li>\n                    <li>Eine Audiodatei (f\u00fcr unterwegs)<\/li>\n                    <li>Geschriebener Inhalt (falls du tiefer eintauchen willst)<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Why This Matters -->\n            <div class=\"content-card\">\n                <h3>Warum Das Wichtig Ist<\/h3>\n                <p class=\"content-text\">Wir konsumieren Cannabis seit Tausenden von Jahren, doch die meisten Menschen verstehen immer noch nicht, wie es tats\u00e4chlich funktioniert. Das bin ich hier, um zu \u00e4ndern. Je mehr wir wissen, desto besser k\u00f6nnen wir Entscheidungen f\u00fcr uns selbst und f\u00fcr die Gesellschaft treffen, die wir aufbauen.<\/p>\n            <\/div>\n\n            <!-- Contact Section -->\n            <div class=\"content-card\">\n                <h3>Lass uns das zusammen \u00e4ndern<\/h3>\n                <p class=\"content-text\">\n                    Melde dich bei mir x Ich w\u00fcrde mich freuen, von dir zu h\u00f6ren. Ob es eine Geschichte ist, eine Idee f\u00fcr eine Zusammenarbeit oder einfach nur ein paar Gedanken zur Cannabis-Kultur, mein Posteingang ist offen. Lass uns diese Erz\u00e4hlung zusammen \u00e4ndern \ud83d\ude24 \ud83c\udf3f\n                <\/p>\n                <div style=\"text-align: center;\">\n                    <a href=\"mailto:hello@twobirdsonestoned.co\" class=\"btn\">E-Mail<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Join The Conversation -->\n            <div class=\"content-card\">\n                <h3>Beteiligen Sie sich an der Konversation<\/h3>\n                <p class=\"content-text\">Ob Sie nun hier sind, um zu lernen, zusammenzuarbeiten oder einfach nur \u00fcber Cannabis zu reden, Two Birds One Stoned kann Ihr Platz sein.<\/p>\n                <p class=\"content-text\">Sie haben es bis hierher geschafft, also sind Sie vielleicht neugierig. Lassen Sie uns das Gespr\u00e4ch in Gang halten. Schauen Sie sich die Artikel an, teilen Sie Ihre Gedanken mit, lassen Sie mich wissen, was ich tun kann und wie ich besser aufkl\u00e4ren kann.<\/p>\n                <p class=\"content-text\">Frieden. \u270c\ufe0f<\/p>\n            <\/div>\n\n            <!-- WHO'S TYPING DA WORDS Section -->\n            <div class=\"content-card\">\n                <h3 class=\"translation-block\"><span>WER<\/span> <span>SCHREIBT<\/span> <span>DAS HIER?<\/span><\/h3>\n            <\/div>\n\n            <!-- Section Break -->\n            <div class=\"section-break\"><\/div>\n\n            <!-- Keep Learning Section -->\n            <div class=\"content-card\">\n                <div class=\"signup-split\">\n                    <div class=\"signup-text\">\n                        <h3>Der Einzige Weg, auf dem Laufenden zu Bleiben<\/h3>\n                        <p>Cannabis entwickelt sich weiter und wir behandeln die Wissenschaft, Forschung und Kultur, alles kostenlos und direkt in dein Postfach. Keine sozialen Medien. Nur E-Mail. Mach mit, wenn du neugierig bist.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Interviews &amp; Dokumentationen<\/li>\n                            <li>\ud83d\udcda Lehrvideos &amp; Audios<\/li>\n                            <li>\ud83d\udd2c Wissenschaftlich fundierte Informationen &amp; Einsichten<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"signup-form\">\n                        <form class=\"signup-form-container\" id=\"emailForm\" action=\"\">\n                            <input type=\"email\" name=\"entry.690743589\" placeholder=\"deine@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Updates Erhalten<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Bleib neugierig \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n                    <\/div>\n                <\/div>\n                <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n            <\/div>\n\n            <!-- Go Exploring CTA -->\n            <div class=\"cta-section\">\n                <a href=\"https:\/\/twobirdsonestoned.co\/de\" class=\"cta-button\">\n                    \ud83c\udf3f Geh auf Entdeckung\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Track theme state\n        let isDarkTheme = true;\n\n        \/\/ VIDEO MODAL FUNCTIONS\n        function openVideoModal(videoId, title) {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('videoIframe');\n            const modalTitle = document.getElementById('videoModalTitle');\n            \n            modalTitle.textContent = title;\n            iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0&modestbranding=1`;\n            modal.style.display = 'block';\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeVideoModal() {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('videoIframe');\n            \n            iframe.src = '';\n            modal.style.display = 'none';\n            document.body.style.overflow = '';\n        }\n\n        window.onclick = function(event) {\n            const modal = document.getElementById('videoModal');\n            if (event.target === modal) {\n                closeVideoModal();\n            }\n        }\n\n        document.addEventListener('keydown', function(event) {\n            if (event.key === 'Escape') {\n                closeVideoModal();\n            }\n        });\n\n        function toggleThemeAndText() {\n            const button = document.getElementById('theme-toggle');\n            const currentEmoji = button.textContent.trim();\n            \n            if (currentEmoji === '\ud83c\udf19') {\n                button.textContent = '\u2600\ufe0f';\n                playAudio('dayTimeAudio');\n                isDarkTheme = false;\n            } else {\n                button.textContent = '\ud83c\udf19';\n                playAudio('nightTimeAudio');\n                isDarkTheme = true;\n            }\n            \n            toggleTheme();\n        }\n\n        function playAudio(audioId) {\n            const audio = document.getElementById(audioId);\n            \n            if (audio) {\n                audio.currentTime = 0;\n                const playPromise = audio.play();\n                \n                if (playPromise !== undefined) {\n                    playPromise.then(() => {\n                        console.log(`${audioId} played successfully`);\n                    }).catch(error => {\n                        console.log(`Audio play failed for ${audioId}:`, error);\n                        showVisualFeedback(audioId);\n                    });\n                }\n            }\n        }\n\n        function showVisualFeedback(audioId) {\n            const button = document.getElementById('theme-toggle');\n            const originalTransform = button.style.transform;\n            \n            button.style.transform = 'scale(1.1)';\n            button.style.transition = 'transform 0.1s ease';\n            \n            setTimeout(() => {\n                button.style.transform = originalTransform;\n                button.style.transition = 'all 0.3s ease';\n            }, 100);\n        }\n\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card');\n            const title = document.querySelector('.tbos-section-title');\n            const subtitle = document.querySelector('.page-subtitle');\n            const buttons = document.querySelectorAll('.email-submit, .btn');\n            const toggleButton = document.getElementById('theme-toggle');\n            \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            const mobileMenu = document.querySelector('.mobile-menu');\n            const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n            const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n            \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\n                console.log('Applying LIGHT theme');\n                \n                body.classList.add('light-theme');\n                \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                html.style.setProperty('margin', '0', 'important');\n                html.style.setProperty('padding', '0', 'important');\n                body.style.setProperty('margin', '0', 'important');\n                body.style.setProperty('padding', '0', 'important');\n                html.style.setProperty('min-height', '100vh', 'important');\n                body.style.setProperty('min-height', '100vh', 'important');\n                \n                if (header) {\n                    header.style.setProperty('background', '#ffffff', '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', '#ffffff', '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                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', '#ffffff', '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                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#ffffff', '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', '#1a1a1a', 'important');\n                    text.style.setProperty('font-weight', '500', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#000000', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#ffffff', 'important');\n                    card.style.setProperty('border', '2px solid #000000', 'important');\n                    card.style.setProperty('color', '#2A2A2A', 'important');\n                    \n                    const headings = card.querySelectorAll('h3');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#1a1a1a', 'important');\n                        text.style.setProperty('font-weight', '500', 'important');\n                    });\n                    \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                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    const videoLinks = card.querySelectorAll('.video-link');\n                    videoLinks.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    const emailInputs = card.querySelectorAll('.email-input');\n                    emailInputs.forEach(input => {\n                        input.style.setProperty('background', '#ffffff', 'important');\n                        input.style.setProperty('color', '#2A2A2A', 'important');\n                        input.style.setProperty('border', '2px solid #B8860B', 'important');\n                    });\n\n                    const formInputs = card.querySelectorAll('.signup-form-container input');\n                    formInputs.forEach(input => {\n                        input.style.setProperty('background', '#ffffff', 'important');\n                        input.style.setProperty('color', '#2A2A2A', 'important');\n                        input.style.setProperty('border', '2px solid #B8860B', 'important');\n                        input.style.setProperty('border-radius', '8px', 'important');\n                    });\n\n                    const formButtons = card.querySelectorAll('.signup-form-container button');\n                    formButtons.forEach(button => {\n                        button.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #A0750A)', 'important');\n                        button.style.setProperty('color', '#fff', 'important');\n                    });\n\n                    const formNotes = card.querySelectorAll('.form-note');\n                    formNotes.forEach(note => {\n                        note.style.setProperty('color', '#1a1a1a', 'important');\n                        note.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const benefitsItems = card.querySelectorAll('.benefits-list li');\n                    benefitsItems.forEach(item => {\n                        item.style.setProperty('color', '#1a1a1a', 'important');\n                        item.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const signupTexts = card.querySelectorAll('.signup-text p');\n                    signupTexts.forEach(text => {\n                        text.style.setProperty('color', '#1a1a1a', 'important');\n                        text.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const signupTitles = card.querySelectorAll('.signup-text h3');\n                    signupTitles.forEach(title => {\n                        title.style.setProperty('color', '#B8860B', 'important');\n                    });\n                });\n                \n                if (title) {\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                    \n                    const spans = title.querySelectorAll('span');\n                    spans.forEach((span, index) => {\n                        if (index === 1) {\n                            span.style.setProperty('color', '#2A2A2A', 'important');\n                        } else {\n                            span.style.setProperty('color', '#B8860B', 'important');\n                        }\n                    });\n                }\n\n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n\n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#B8860B', 'important');\n                    button.style.setProperty('color', '#fff', 'important');\n                });\n\n                const ctaButtons = document.querySelectorAll('.cta-button');\n                ctaButtons.forEach(button => {\n                    button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                    button.style.setProperty('color', '#FFFFFF', 'important');\n                    button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n                });\n                \n                if (toggleButton) {\n                    toggleButton.style.setProperty('background', '#ffffff', 'important');\n                    toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n                    toggleButton.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n            } else {\n                \/\/ DARK THEME\n                console.log('Applying DARK theme');\n                \n                body.classList.remove('light-theme');\n                \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                html.style.setProperty('margin', '0', 'important');\n                html.style.setProperty('padding', '0', 'important');\n                body.style.setProperty('margin', '0', 'important');\n                body.style.setProperty('padding', '0', 'important');\n                html.style.setProperty('min-height', '100vh', 'important');\n                body.style.setProperty('min-height', '100vh', 'important');\n                \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                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                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                    text.style.setProperty('font-weight', '400', '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                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                    const headings = card.querySelectorAll('h3');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                        text.style.setProperty('font-weight', '400', 'important');\n                    });\n                    \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                    const emailInputs = card.querySelectorAll('.email-input');\n                    emailInputs.forEach(input => {\n                        input.style.setProperty('background', 'rgba(29,29,29,0.9)', 'important');\n                        input.style.setProperty('color', '#F5EBD6', 'important');\n                        input.style.setProperty('border', '2px solid rgba(156,175,136,0.4)', 'important');\n                    });\n\n                    const formInputs = card.querySelectorAll('.signup-form-container input');\n                    formInputs.forEach(input => {\n                        input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                        input.style.setProperty('color', '#F5EBD6', 'important');\n                        input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        input.style.setProperty('border-radius', '8px', 'important');\n                    });\n\n                    const formButtons = card.querySelectorAll('.signup-form-container button');\n                    formButtons.forEach(button => {\n                        button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        button.style.setProperty('color', '#fff', 'important');\n                    });\n\n                    const formNotes = card.querySelectorAll('.form-note');\n                    formNotes.forEach(note => {\n                        note.style.setProperty('color', '#E3E3DC', 'important');\n                        note.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const benefitsItems = card.querySelectorAll('.benefits-list li');\n                    benefitsItems.forEach(item => {\n                        item.style.setProperty('color', '#E3E3DC', 'important');\n                        item.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const signupTexts = card.querySelectorAll('.signup-text p');\n                    signupTexts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                        text.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const signupTitles = card.querySelectorAll('.signup-text h3');\n                    signupTitles.forEach(title => {\n                        title.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n\n                    const videoLinks = card.querySelectorAll('.video-link');\n                    videoLinks.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n                });\n                \n                if (title) {\n                    title.style.setProperty('text-shadow', '2px 2px 8px rgba(0,0,0,0.8)', 'important');\n                    \n                    const spans = title.querySelectorAll('span');\n                    spans.forEach((span, index) => {\n                        if (index === 1) {\n                            span.style.setProperty('color', '#F5EBD6', 'important');\n                        } else {\n                            span.style.setProperty('color', '#F4C542', 'important');\n                        }\n                    });\n                }\n\n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n\n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#4CAF50', 'important');\n                    button.style.setProperty('color', '#000', 'important');\n                });\n\n                const ctaButtons = document.querySelectorAll('.cta-button');\n                ctaButtons.forEach(button => {\n                    button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                    button.style.setProperty('color', '#FFFFFF', 'important');\n                    button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n                });\n                \n                console.log('Applied dark theme CTA styling');\n                \n                if (toggleButton) {\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\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                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Joining...';\n                submitBtn.disabled = true;\n                \n                const formData = new FormData();\n                formData.append('entry.690743589', email);\n                \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                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#4CAF50';\n                    messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n                    \n                    emailInput.value = '';\n                    \n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .catch(() => {\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#ff6b6b';\n                    messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n                    \n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .finally(() => {\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        \/\/ Initialize page\n        document.addEventListener('DOMContentLoaded', function() {\n            initializeAnimations();\n            setupEmailSignup();\n            toggleTheme();\n            \n            setTimeout(() => {\n                const ctaButtons = document.querySelectorAll('.cta-button');\n                ctaButtons.forEach(button => {\n                    button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                    button.style.setProperty('color', '#FFFFFF', 'important');\n                    button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n                });\n            }, 100);\n        });\n\n        function initializeAnimations() {\n            setTimeout(() => {\n                const titleContainer = document.querySelector('.title-container');\n                if (titleContainer) {\n                    titleContainer.style.opacity = '1';\n                    titleContainer.style.transform = 'translateY(0)';\n                }\n            }, 200);\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach((entry, index) => {\n                    if (entry.isIntersecting) {\n                        setTimeout(() => {\n                            entry.target.classList.add('animate-in');\n                        }, index * 50);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.05,\n                rootMargin: '0px 0px -20px 0px'\n            });\n\n            const cards = document.querySelectorAll('.content-card');\n            cards.forEach(card => {\n                observer.observe(card);\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>About Two Birds One Stoned &#8211; Cannabis Education Without the Hype | Evidence-Based Content Loading&#8230; &times; ABOUT TWO BIRDS ONE STONED The story behind our mission to educate and break stigma \ud83c\udf19 What We&#8217;re About Welcome to Two Birds One Stoned, where we&#8217;re all about educating, breaking stigma, and sparking real conversations about cannabis. It&#8217;s [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/240","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=240"}],"version-history":[{"count":117,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":8060,"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/pages\/240\/revisions\/8060"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/de\/wp-json\/wp\/v2\/media?parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}