{"id":37990,"date":"2024-02-27T14:37:36","date_gmt":"2024-02-27T13:37:36","guid":{"rendered":"https:\/\/clickatree.com\/machen\/"},"modified":"2026-10-06T15:34:37","modified_gmt":"2026-10-06T13:34:37","slug":"action","status":"publish","type":"page","link":"https:\/\/clickatree.com\/en\/action\/","title":{"rendered":"Take Action: Plant Trees Now and Make an Impact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37990\" class=\"elementor elementor-37990 elementor-15745\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5141526 e-con-full e-flex e-con e-parent\" data-id=\"5141526\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56d9084 elementor-widget elementor-widget-html\" data-id=\"56d9084\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<meta charset=\"UTF-8\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --forest: #669933;\n    --forest-mid: #669933;\n    --forest-light: #669933;\n    --leaf: #8cca4d;\n    --sprout: #8cca4d;\n    --moss: #A8CC9B;\n    --cream: #eaf6ea;\n    --warm-white: #eaf6ea;\n    --bark: #88B36A;\n    --sand: #eaeaea;\n    --gold: #FFB800;\n    --silver: #8a9bb0;\n    --bronze: #a0754a;\n    --charcoal: #1e2422;\n    --text-main: #1e2a22;\n    --text-muted: #555555;\n    --text-light: #8a9e8e;\n    --border: #A8CC9B;\n    --shadow: rgba(102,153,51,0.12);\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  .impact-page-wrapper {\n    font-family: 'Poppins', sans-serif;\n    background: var(--warm-white);\n    color: var(--text-main);\n    min-height: 100vh;\n  }\n\n  \/* HEADER *\/\n  html { scroll-behavior: smooth; }\n  .page-header {\n    background: var(--forest);\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    position: relative;\n    overflow: hidden;\n    min-height: 340px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .page-header .header-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 60px 24px;\n    text-align: center;\n    position: relative;\n  }\n  .header-eyebrow {\n    font-family: 'Poppins', sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #eaf6ea;\n    margin-bottom: 16px;\n    position: relative;\n  }\n  .page-header h1 {\n    font-family: 'Poppins', sans-serif;\n    font-size: clamp(28px, 4vw, 52px);\n    font-weight: 700;\n    color: #fff;\n    line-height: 1.2;\n    max-width: 760px;\n    margin: 0 auto 16px;\n    position: relative;\n  }\n  .page-header h1 em {\n    font-style: normal;\n    color: #eaf6ea;\n  }\n  .header-sub {\n    font-size: 16px;\n    color: #eaf6ea;\n    font-weight: 300;\n    position: relative;\n    margin-bottom: 20px;\n  }\n  \/* HERO ANCHOR PILLS *\/\n  .hero-anchors {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-top: 20px;\n    position: relative;\n  }\n  .hero-anchors a {\n    background: rgba(255,255,255,0.15);\n    border: 1px solid rgba(255,255,255,0.3);\n    border-radius: 20px;\n    padding: 8px 18px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    color: #fff;\n    text-decoration: none;\n    transition: background 0.2s;\n  }\n  .hero-anchors a:hover {\n    background: rgba(255,255,255,0.28);\n    font-size: 13px !important;\n    font-weight: 500 !important;\n    transform: none !important;\n    letter-spacing: normal !important;\n  }\n\n  \/* TREE DECORATION *\/\n  .tree-deco {\n    position: absolute;\n    bottom: 0;\n    opacity: 0.06;\n    font-size: 160px;\n    line-height: 1;\n    pointer-events: none;\n  }\n  .tree-deco.left { left: 20px; }\n  .tree-deco.right { right: 20px; }\n\n  \/* MAIN LAYOUT *\/\n  .configurator-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 40px 24px;\n    display: grid;\n    grid-template-columns: 1fr 360px;\n    gap: 32px;\n    align-items: start;\n  }\n\n  \/* LEFT PANEL *\/\n  .left-panel { display: flex; flex-direction: column; gap: 24px; }\n\n  \/* TABS *\/\n  .tabs-container {\n    background: #fff;\n    border-radius: 16px;\n    border: 1px solid var(--border);\n    box-shadow: 0 2px 16px var(--shadow);\n    overflow: hidden;\n  }\n  .tabs-header {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    border-bottom: 1px solid var(--border);\n  }\n  .tab-btn {\n    padding: 16px 8px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    font-family: 'Poppins', sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--text-muted);\n    transition: all 0.25s;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    position: relative;\n    border-right: 1px solid var(--border);\n  }\n  .tab-btn:last-child { border-right: none; }\n  .tab-btn .tab-icon { font-size: 20px; }\n  .tab-btn .tab-label { font-size: 10px; letter-spacing: 0.5px; }\n  .tab-btn .tab-name { font-size: 12px; font-weight: 600; }\n  .tab-btn.active-holz { background: #f5f0e8; color: var(--bark); }\n  .tab-btn.active-bronze { background: #fdf6ee; color: var(--bronze); }\n  .tab-btn.active-silver { background: linear-gradient(135deg, #f0f4f8, #e8f0ec); color: #669933; }\n  .tab-btn.active-gold { background: linear-gradient(135deg, #fdf9ee, #fdf3d4); color: var(--gold); }\n  .tab-btn.active-holz::after,\n  .tab-btn.active-bronze::after,\n  .tab-btn.active-silver::after,\n  .tab-btn.active-gold::after {\n    content: '';\n    position: absolute;\n    bottom: -1px;\n    left: 0; right: 0;\n    height: 2px;\n  }\n  .tab-btn.active-silver::after { background: var(--silver); }\n  .tab-btn.active-gold::after { background: var(--gold); }\n  .tab-btn.active-bronze::after { background: var(--bronze); }\n  .tab-btn.active-holz::after { background: var(--bark); }\n\n  \/* SLIDER SECTION *\/\n  .slider-section {\n    padding: 28px;\n  }\n  .slider-label {\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: var(--text-muted);\n    margin-bottom: 8px;\n  }\n  .slider-display {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 20px;\n  }\n  .slider-value {\n    font-family: 'Poppins', sans-serif;\n    font-size: 40px;\n    font-weight: 700;\n    color: var(--forest);\n    transition: all 0.3s;\n  }\n  .slider-value span { font-size: 18px; font-weight: 400; color: var(--text-muted); margin-left: 6px; }\n  .slider-badge {\n    background: var(--forest);\n    color: #fff;\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 12px;\n    font-weight: 600;\n    transition: all 0.3s;\n  }\n\n  \/* Custom slider \u2013 WordPress\/Elementor-proof *\/\n  .impact-page-wrapper input[type=range],\n  input[type=range]#ebSlider {\n    --slider-bg: linear-gradient(to right, var(--forest) 0%, var(--moss) 0%);\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    width: 100% !important;\n    height: 24px !important;\n    border-radius: 3px !important;\n    outline: none !important;\n    cursor: pointer;\n    margin: 4px 0 10px !important;\n    border: none !important;\n    padding: 0 !important;\n    box-shadow: none !important;\n    background: transparent !important;\n    overflow: visible !important;\n  }\n  .impact-page-wrapper input[type=range]::-webkit-slider-runnable-track,\n  input[type=range]#ebSlider::-webkit-slider-runnable-track {\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    width: 100% !important;\n    height: 6px !important;\n    border-radius: 3px !important;\n    border: none !important;\n    box-shadow: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    background: var(--slider-bg) !important;\n    cursor: pointer;\n  }\n  .impact-page-wrapper input[type=range]::-webkit-slider-thumb,\n  input[type=range]#ebSlider::-webkit-slider-thumb {\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    width: 24px !important;\n    height: 24px !important;\n    border-radius: 50% !important;\n    background: var(--forest) !important;\n    border: 3px solid #fff !important;\n    box-shadow: 0 2px 8px var(--shadow) !important;\n    cursor: pointer;\n    transition: transform 0.15s, background 0.3s;\n    margin-top: -9px !important;\n    position: relative !important;\n    top: 0 !important;\n  }\n  .impact-page-wrapper input[type=range]::-moz-range-track {\n    height: 6px !important; border-radius: 3px !important;\n    border: none !important; background: var(--slider-bg) !important;\n  }\n  .impact-page-wrapper input[type=range]::-moz-range-thumb {\n    width: 24px; height: 24px; border-radius: 50%;\n    background: var(--forest); border: 3px solid #fff;\n    box-shadow: 0 2px 8px var(--shadow); cursor: pointer;\n  }\n  .impact-page-wrapper input[type=range]::-webkit-slider-thumb:hover,\n  input[type=range]#ebSlider::-webkit-slider-thumb:hover { transform: scale(1.15); }\n  .slider-ticks {\n    display: flex;\n    justify-content: space-between;\n    font-size: 10px;\n    color: var(--text-light);\n    padding: 0 2px;\n  }\n  .slider-ticks span.active-tick {\n    color: var(--leaf);\n    font-weight: 600;\n  }\n\n  \/* FEATURES *\/\n  .features-section { padding: 0 28px 28px; }\n  .features-title {\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    margin-bottom: 16px;\n    padding-top: 20px;\n    border-top: 1px solid var(--border);\n  }\n  .feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 10px 0;\n    border-bottom: 1px solid #f0f0ea;\n    animation: fadeIn 0.3s ease forwards;\n    opacity: 0;\n  }\n  .feature-item:last-child { border-bottom: none; }\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(8px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  .feature-icon {\n    width: 36px; height: 36px;\n    border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 18px;\n    flex-shrink: 0;\n    background: var(--moss);\n  }\n  .feature-icon.highlight { background: var(--forest); }\n  .feature-text h4 { font-size: 13px; font-weight: 600; color: var(--text-main); }\n  .feature-text p { font-size: 12px; color: var(--text-muted); margin-top: 2px; line-height: 1.5; }\n  .feature-badge {\n    margin-left: auto;\n    font-size: 10px;\n    padding: 3px 8px;\n    border-radius: 10px;\n    font-weight: 600;\n    background: var(--moss);\n    color: var(--forest);\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n  .feature-badge.new { background: var(--forest); color: #fff; }\n\n  \/* IMPACT TILES *\/\n  .impact-tiles {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n  .impact-tile {\n    background: #fff;\n    border-radius: 16px;\n    border: 1px solid var(--border);\n    box-shadow: 0 2px 16px var(--shadow);\n    padding: 20px 16px;\n    text-align: center;\n    transition: transform 0.2s;\n    position: relative;\n    overflow: hidden;\n  }\n  .impact-tile:hover { transform: translateY(-3px); }\n  .impact-tile.featured {\n    border-color: #e0e0e0;\n    border-width: 1px;\n  }\n  .impact-tile.featured::before {\n    content: '';\n    display: none;\n  }\n  .tile-icon { font-size: 28px; margin-bottom: 8px; }\n  .tile-value {\n    font-family: 'Poppins', sans-serif;\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--forest);\n    line-height: 1;\n    transition: all 0.4s;\n  }\n  .tile-unit { font-size: 12px; color: var(--text-muted); font-weight: 400; }\n  .tile-label { font-size: 12px; color: var(--text-muted); margin-top: 4px; }\n  .tile-sub { font-size: 11px; color: var(--leaf); margin-top: 6px; font-weight: 500; }\n\n  \/* RIGHT PANEL - STICKY SUMMARY *\/\n  .right-panel { position: sticky; top: 20px; }\n  .summary-card {\n    background: #fff;\n    border-radius: 20px;\n    border: 1px solid var(--border);\n    box-shadow: 0 4px 32px var(--shadow);\n    overflow: hidden;\n  }\n  .summary-top {\n    background: var(--forest);\n    padding: 24px;\n    position: relative;\n    overflow: hidden;\n  }\n  .summary-top::before {\n    content: '';\n    position: absolute;\n    top: -30px; right: -30px;\n    width: 120px; height: 120px;\n    border-radius: 50%;\n    background: rgba(74,155,99,0.2);\n  }\n  .summary-level-badge {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--sprout);\n    background: rgba(255,255,255,0.12);\n    padding: 4px 12px;\n    border-radius: 20px;\n    margin-bottom: 12px;\n  }\n  .summary-title {\n    font-family: 'Poppins', sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    color: #fff;\n  }\n  .summary-sub { font-size: 13px; color: var(--moss); margin-top: 4px; }\n\n  \/* TOGGLE *\/\n  .toggle-section { padding: 20px 24px; border-bottom: 1px solid var(--border); }\n  .toggle-label { font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--text-muted); margin-bottom: 10px; }\n  .toggle-group {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    background: var(--cream);\n    border-radius: 10px;\n    padding: 4px;\n    gap: 4px;\n  }\n  .toggle-btn {\n    padding: 10px 8px;\n    border: none;\n    border-radius: 7px;\n    cursor: pointer;\n    font-family: 'Poppins', sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--text-muted);\n    background: transparent;\n    transition: all 0.2s;\n    text-align: center;\n    line-height: 1.3;\n  }\n  .toggle-btn.active {\n    background: #ffffff;\n    color: var(--text-main);\n    font-weight: 600;\n    border: 2px solid #669933;\n    box-shadow: 0 2px 8px rgba(102,153,51,0.15);\n  }\n\n  \/* LEVEL CARD *\/\n  .conf-level-card { transition: border-color 0.4s, background 0.4s; }\n  .conf-level-header {\n    display: flex; align-items: center; gap: 14px; margin-bottom: 16px;\n    padding-bottom: 14px; border-bottom: 1px solid var(--border);\n  }\n  .conf-level-badge {\n    padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700;\n    background: var(--forest); color: #fff; white-space: nowrap; flex-shrink: 0;\n    transition: background 0.4s;\n  }\n  .conf-level-name {\n    font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 700;\n    color: var(--text-main); transition: all 0.3s;\n  }\n  .conf-level-sub { font-size: 12px; color: var(--text-muted); margin-top: 2px; }\n\n  \/* BENEFITS GRID *\/\n  .conf-benefits-grid {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 8px;\n  }\n  .conf-benefit-item {\n    display: flex; align-items: flex-start; gap: 10px;\n    padding: 10px 12px; border-radius: 10px; background: var(--warm-white);\n    border: 1px solid var(--border); transition: all 0.25s;\n    animation: fadeIn 0.25s ease forwards; opacity: 0;\n  }\n  .conf-benefit-icon {\n    font-size: 14px; flex-shrink: 0; width: 32px; height: 32px;\n    border-radius: 8px; background: var(--moss);\n    display: flex; align-items: center; justify-content: center;\n    color: #fff; font-weight: 700;\n  }\n  .conf-benefit-icon.highlight { background: var(--forest); }\n  .conf-benefit-text h4 { font-size: 11px; font-weight: 700; color: var(--text-main); line-height: 1.3; }\n  .conf-benefit-text p  { font-size: 10px; color: var(--text-muted); margin-top: 2px; line-height: 1.4; }\n\n  \/* SUMMARY ITEMS *\/\n  .summary-items { padding: 20px 24px; border-bottom: 1px solid var(--border); }\n  .summary-row {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 8px 0;\n    font-size: 13px;\n  }\n  .summary-row .check {\n    color: var(--leaf);\n    font-size: 16px;\n    flex-shrink: 0;\n    margin-top: 1px;\n  }\n  .summary-row .row-label { color: var(--text-muted); }\n  .summary-row .row-value { font-weight: 600; color: var(--text-main); margin-left: auto; text-align: right; }\n\n  \/* PRICING *\/\n  .pricing-section { padding: 20px 24px; border-bottom: 1px solid var(--border); }\n  .price-main {\n    font-family: 'Poppins', sans-serif;\n    font-size: 42px;\n    font-weight: 700;\n    color: var(--forest);\n    line-height: 1;\n    transition: all 0.4s;\n  }\n  .price-main sup { font-size: 24px; vertical-align: baseline; display: inline; }\n  .price-period { font-size: 14px; color: var(--text-muted); font-weight: 400; }\n  .price-alt { font-size: 13px; color: var(--text-muted); margin-top: 8px; }\n  .price-alt strong { color: var(--bark); }\n\n  \/* CTA *\/\n  .cta-section { padding: 20px 24px; }\n  .cta-btn {\n    width: 100%;\n    padding: 18px;\n    background: var(--charcoal);\n    color: #fff;\n    border: none;\n    border-radius: 12px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s;\n    letter-spacing: 0.5px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n  }\n  .cta-btn:hover {\n    background: var(--forest);\n    transform: translateY(-1px);\n    box-shadow: 0 4px 20px rgba(102,153,51,0.3);\n  }\n\n  \/* TRUST BADGES *\/\n  .trust-badges {\n    display: flex;\n    gap: 8px;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin-top: 16px;\n  }\n  .trust-badge {\n    background: var(--cream);\n    border: 1px solid var(--border);\n    border-radius: 8px;\n    padding: 6px 10px;\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--text-muted);\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    white-space: nowrap;\n  }\n\n  \/* TESTIMONIALS *\/\n  .testimonials-section {\n    padding: 60px 24px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .section-title {\n    font-family: 'Poppins', sans-serif;\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--forest);\n    text-align: center;\n    margin-bottom: 8px;\n  }\n  .section-sub {\n    text-align: center;\n    color: var(--text-muted);\n    margin-bottom: 40px;\n    font-size: 15px;\n  }\n  .testimonials-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n  .testimonial-card {\n    background: #fff;\n    border-radius: 16px;\n    border: 1px solid var(--border);\n    padding: 28px;\n    box-shadow: 0 2px 16px var(--shadow);\n    position: relative;\n  }\n  .testimonial-card::before {\n    content: '\\201C';\n    position: absolute;\n    top: 16px; right: 20px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 80px;\n    color: var(--moss);\n    line-height: 1;\n    opacity: 0.6;\n  }\n  .testimonial-stars { color: var(--gold); font-size: 14px; margin-bottom: 12px; }\n  .testimonial-text {\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--text-main);\n    margin-bottom: 20px;\n    font-style: italic;\n  }\n  .testimonial-author { display: flex; align-items: center; gap: 12px; }\n  .author-avatar {\n    width: 44px; height: 44px;\n    border-radius: 50%;\n    background: var(--forest);\n    color: #fff;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 16px;\n    font-weight: 600;\n    flex-shrink: 0;\n  }\n  .author-name { font-size: 13px; font-weight: 600; }\n  .author-role { font-size: 12px; color: var(--text-muted); }\n  .author-badge {\n    margin-left: auto;\n    background: var(--moss);\n    color: var(--forest);\n    padding: 3px 8px;\n    border-radius: 8px;\n    font-size: 10px;\n    font-weight: 700;\n  }\n\n  \/* ALLSTAR SECTION *\/\n  .allstar-section {\n    max-width: 1200px;\n    margin: 0 auto 60px;\n    padding: 0 24px;\n  }\n  .allstar-card {\n    background: transparent;\n    border-radius: 20px;\n    padding: 40px;\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    position: relative;\n    overflow: hidden;\n  }\n  .allstar-card::before {\n    content: '';\n    display: none;\n  }\n  .allstar-content { flex: 1; }\n  .allstar-eyebrow {\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--sprout);\n    margin-bottom: 8px;\n  }\n  .allstar-title {\n    font-family: 'Poppins', sans-serif;\n    font-size: 26px;\n    color: #fff;\n    font-weight: 700;\n    margin-bottom: 10px;\n  }\n  .allstar-text { font-size: 14px; color: var(--moss); line-height: 1.6; }\n  .allstar-cta {\n    background: rgba(255,255,255,0.12);\n    border: 1px solid rgba(255,255,255,0.2);\n    color: #fff;\n    padding: 14px 28px;\n    border-radius: 10px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s;\n    white-space: nowrap;\n  }\n  .allstar-cta:hover { background: rgba(255,255,255,0.2); }\n  .progress-bar-wrapper { margin-top: 16px; }\n  .progress-label { font-size: 12px; color: var(--moss); margin-bottom: 6px; display: flex; justify-content: space-between; }\n  .progress-bar { height: 6px; background: rgba(255,255,255,0.15); border-radius: 3px; }\n  .progress-fill { height: 100%; border-radius: 3px; background: var(--sprout); width: 0%; transition: width 0.5s; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     EINZELKAUF SECTION  (Impact-first)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .einzelbaum-wrapper {\n    max-width: 1200px; margin: 0 auto 20px; padding: 0 24px 60px; position: relative;\n  }\n  .einzelbaum-wrapper::before {\n    display: none;\n  }\n  .einzelbaum-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--leaf); margin-bottom: 10px; }\n  .einzelbaum-header { display: flex; align-items: center; gap: 24px; margin-bottom: 32px; }\n  .einzelbaum-title { font-family: 'Poppins', sans-serif; font-size: clamp(24px, 3vw, 38px); font-weight: 700; color: var(--forest); margin-bottom: 6px; }\n  .einzelbaum-sub { font-size: 15px; color: var(--text-muted); }\n  .einzelbaum-divider-pill { background: var(--cream); border: 1px solid var(--border); border-radius: 20px; padding: 6px 16px; font-size: 12px; font-weight: 600; color: var(--text-muted); white-space: nowrap; letter-spacing: 1px; }\n  .einzelbaum-grid { display: grid; grid-template-columns: 1fr 340px; gap: 28px; align-items: start; }\n  .eb-left { display: flex; flex-direction: column; gap: 16px; }\n\n  \/* STEP 1: IMPACT SELECTOR *\/\n  .eb-impact-selector { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }\n  .eb-impact-btn {\n    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;\n    padding: 18px 12px; border-radius: 14px; border: 2px solid #e0e0e0;\n    background: #ffffff; cursor: pointer; transition: all 0.22s; font-family: 'Poppins', sans-serif;\n    position: relative; overflow: hidden; min-height: 145px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  }\n  .eb-impact-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.1); border-color: #669933; }\n  .eb-impact-btn.active { border-width: 3px; border-color: #669933; box-shadow: 0 2px 12px rgba(102,153,51,0.15); }\n  .eb-impact-btn.active .eb-impact-check { display: flex; }\n  .eb-impact-check {\n    display: none; position: absolute; top: 6px; right: 6px;\n    width: 16px; height: 16px; border-radius: 50%; background: var(--forest);\n    color: #fff; font-size: 9px; font-weight: 700; align-items: center; justify-content: center;\n    z-index: 3;\n  }\n  .eb-impact-img {\n    position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; z-index: 0;\n  }\n  .eb-impact-overlay {\n    position: absolute; inset: 0; background: rgba(20,40,15,0.50); z-index: 1;\n  }\n  .eb-impact-name { font-size: 15px; font-weight: 700; color: #fff; text-align: center; position: relative; z-index: 2; }\n  .eb-impact-unit { font-size: 11px; color: rgba(255,255,255,0.92); text-align: center; line-height: 1.4; position: relative; z-index: 2; }\n  .eb-impact-btn:not(:has(.eb-impact-img)) .eb-impact-name { color: var(--text-main); }\n  .eb-impact-btn:not(:has(.eb-impact-img)) .eb-impact-unit { color: var(--text-muted); }\n\n  \/* STEP 2: COUNTRY GRID *\/\n  .eb-card-label-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }\n  .eb-country-filter-hint { font-size: 11px; font-weight: 600; color: var(--leaf); background: #eaf6ea; padding: 3px 10px; border-radius: 10px; }\n  .eb-country-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }\n  .eb-country-btn {\n    display: flex; flex-direction: column; align-items: flex-start; gap: 5px;\n    padding: 14px; border-radius: 12px; border: 2px solid #e0e0e0;\n    background: #ffffff; cursor: pointer; transition: all 0.22s;\n    font-family: 'Poppins', sans-serif; text-align: left; position: relative;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  }\n  .eb-country-btn:hover:not(.disabled) { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.1); border-color: #669933; background: #ffffff; }\n  .eb-country-btn.active { border-color: #669933; border-width: 3px; background: #ffffff; box-shadow: 0 2px 12px rgba(102,153,51,0.15); }\n  .eb-country-btn.active::after {\n    content: '\\2713'; position: absolute; top: 8px; right: 10px;\n    width: 18px; height: 18px; border-radius: 50%; background: var(--forest); color: #fff;\n    font-size: 10px; font-weight: 700; line-height: 18px; text-align: center;\n  }\n  .eb-country-btn.disabled { opacity: 0.32; cursor: not-allowed; filter: grayscale(0.5); pointer-events: none; }\n  .eb-country-flag { font-size: 22px; line-height: 1; }\n  .eb-country-name { font-size: 14px; font-weight: 700; color: var(--text-main); }\n  .eb-country-price { font-size: 11px; font-weight: 600; color: var(--leaf); }\n  .eb-country-highlights { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 2px; }\n  .eb-country-tag { font-size: 9px; padding: 2px 6px; border-radius: 6px; background: var(--moss); color: var(--forest); font-weight: 600; }\n  .eb-country-no-impact { font-size: 10px; color: #c0706a; font-style: italic; margin-top: 2px; }\n\n  \/* STEPS 3+4: SLIDER, LEVEL & FREQ *\/\n  .eb-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 24px; box-shadow: 0 2px 12px var(--shadow); }\n  .eb-card-label { font-size: 13px; font-weight: 600; color: var(--text-main); margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }\n  .eb-step-num {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 22px; height: 22px; border-radius: 50%; background: var(--forest);\n    color: #fff; font-size: 11px; font-weight: 700; flex-shrink: 0;\n  }\n\n  \/* STEP 3: SLIDER + DIREKTEINGABE *\/\n  .eb-qty-display { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }\n  .eb-qty-impact {\n    display: none; align-items: baseline; gap: 6px;\n    margin-left: 6px; padding-left: 16px; border-left: 1px solid var(--border);\n  }\n  .eb-qty-impact.visible { display: inline-flex; }\n  .eb-qty-impact-eq { font-size: 20px; color: var(--text-light); font-weight: 400; }\n  .eb-qty-impact-val {\n    font-family: 'Poppins', sans-serif; font-size: 34px; font-weight: 700;\n    color: var(--leaf); line-height: 1; transition: all 0.2s;\n  }\n  .eb-qty-impact small { font-size: 13px; color: var(--text-muted); font-weight: 500; }\n  .eb-qty-num {\n    font-family: 'Poppins', sans-serif; font-size: 44px; font-weight: 700;\n    color: var(--forest); line-height: 1; transition: all 0.2s;\n  }\n  .eb-qty-unit { font-size: 14px; color: var(--text-muted); align-self: flex-end; padding-bottom: 4px; }\n  .eb-manual-input {\n    width: 110px !important; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px;\n    font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; color: var(--text-main);\n    outline: none; margin-left: auto; text-align: right; transition: border-color 0.2s; background: #fff;\n  }\n  .eb-manual-input:focus { border-color: var(--leaf); }\n  .eb-threshold-row { text-align: right; margin-top: 6px; min-height: 26px; }\n  .eb-threshold-hint {\n    display: inline-block; font-size: 13px; font-weight: 700; color: var(--forest);\n    padding: 4px 12px; background: #eaf6ea; border-radius: 8px;\n  }\n\n  \/* LEVEL-BLOCK INNERHALB DER SCHRITT-3-KARTE *\/\n  .eb-level-inline { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); }\n\n  \/* STEP 4: FREQUENZ *\/\n  .eb-freq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 8px; }\n  .eb-freq-btn { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 12px; border-radius: 12px; border: 2px solid #e0e0e0; background: #ffffff; cursor: pointer; transition: all 0.2s; font-family: 'Poppins', sans-serif; box-shadow: 0 1px 4px rgba(0,0,0,0.06); }\n  .eb-freq-btn:hover { border-color: #669933; background: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }\n  .eb-freq-btn.active { border-color: #669933; border-width: 3px; background: #ffffff; box-shadow: 0 2px 8px rgba(102,153,51,0.15); }\n  .eb-freq-btn.recommended.active { background: #eaf6ea; box-shadow: 0 4px 16px rgba(102,153,51,0.22); }\n  .eb-freq-badge {\n    position: absolute; top: -20px; left: 50%; transform: translateX(-50%);\n    background: var(--forest); color: #fff; font-size: 9px; font-weight: 700;\n    letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px;\n    border-radius: 10px; white-space: nowrap; box-shadow: 0 2px 6px rgba(102,153,51,0.3);\n  }\n  .eb-freq-icon { font-size: 22px; }\n  .eb-freq-name { font-size: 14px; font-weight: 600; color: var(--text-main); }\n  .eb-freq-desc { font-size: 11px; color: var(--text-muted); text-align: center; }\n\n  \/* RIGHT SUMMARY CARD *\/\n  .eb-right { position: sticky; top: 20px; align-self: start; }\n  .eb-summary-card { background: #fff; border: 1px solid var(--border); border-radius: 20px; box-shadow: 0 4px 28px var(--shadow); overflow: hidden; }\n  .eb-summary-top { padding: 22px; text-align: center; position: relative; overflow: hidden; transition: background 0.4s; background: #669933; }\n  .eb-summary-eyebrow { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; color: rgba(255,255,255,0.7); margin-bottom: 2px; }\n  .eb-summary-impact-icon { font-size: 34px; margin-bottom: 2px; }\n  .eb-summary-country { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 4px; }\n  .eb-summary-qty-row { font-family: 'Poppins', sans-serif; font-size: 46px; font-weight: 700; color: #fff; line-height: 1; transition: all 0.3s; }\n  .eb-summary-qty-label { font-size: 15px; font-weight: 400; color: rgba(255,255,255,0.75); }\n  .eb-summary-freq-pill { display: inline-block; margin-top: 8px; background: rgba(255,255,255,0.18); color: #fff; padding: 4px 14px; border-radius: 20px; font-size: 12px; font-weight: 600; }\n\n  \/* PRIMARY IMPACT HERO *\/\n  .eb-primary-impact { padding: 14px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; background: #eaf6ea; }\n  .eb-primary-impact-label { font-size: 13px; font-weight: 600; color: var(--text-main); }\n  .eb-primary-impact-val { font-family: 'Poppins', sans-serif; font-size: 26px; font-weight: 700; color: var(--forest); transition: all 0.3s; }\n\n  \/* PRICE + CTA *\/\n  .eb-discount-line { display: none; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; }\n  .eb-discount-line.visible { display: flex; }\n  .eb-discount-old:empty { display: none; }\n  .eb-discount-old { font-size: 14px; color: var(--text-muted); text-decoration: line-through; }\n  .eb-discount-badge { background: var(--gold); color: #1a1a1a; font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }\n  .eb-discount-badge.hint { background: #fffbf0; border: 1px solid #f0dfa0; color: var(--bark); font-weight: 600; }\n  .eb-price-row { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px 4px; }\n  .eb-price-main { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: var(--forest); line-height: 1; }\n  .eb-price-main sup { font-size: 22px; vertical-align: baseline; display: inline; }\n  .eb-price-sub { font-size: 12px; color: var(--text-muted); }\n  .eb-price-per { text-align: right; font-size: 13px; font-weight: 600; color: var(--text-muted); }\n  .eb-cta-btn { display: block; width: calc(100% - 40px); margin: 12px 20px; padding: 15px; background: var(--leaf); color: #fff; border: none; border-radius: 12px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; cursor: pointer; transition: all 0.2s; white-space: normal; word-wrap: break-word; text-align: center; }\n  .eb-cta-btn:hover { background: var(--forest); transform: translateY(-1px); box-shadow: 0 4px 18px rgba(102,153,51,0.28); }\n  .eb-trust-row { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; padding: 0 20px 12px; }\n  .eb-trust-item { font-size: 11px; color: var(--text-muted); font-weight: 500; }\n  .eb-upsell { display: flex; align-items: flex-start; gap: 8px; margin: 0 20px 20px; background: #fffbf0; border: 1px solid #f0dfa0; border-radius: 10px; padding: 12px 14px; font-size: 12px; color: var(--bark); line-height: 1.5; }\n  .eb-upsell-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }\n\n  @media (max-width: 900px) {\n    .einzelbaum-grid { grid-template-columns: 1fr; }\n    .eb-right { position: static; }\n    .eb-impact-selector { grid-template-columns: repeat(3, 1fr); }\n    .eb-country-grid { grid-template-columns: 1fr 1fr; }\n  }\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PAKETE SECTION\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .pakete-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 56px 24px 48px;\n  }\n  .pakete-eyebrow {\n    text-align: center;\n    font-size: 11px; font-weight: 600; letter-spacing: 3px;\n    text-transform: uppercase; color: var(--leaf); margin-bottom: 40px;\n  }\n  .pakete-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    align-items: stretch;\n  }\n\n  \/* SINGLE CARD *\/\n  .paket-card {\n    background: #fff;\n    border: 1px solid var(--border);\n    border-radius: 20px;\n    padding: 28px;\n    box-shadow: 0 2px 20px var(--shadow);\n    display: flex; flex-direction: column; gap: 20px;\n    position: relative;\n    overflow: visible;\n    transition: transform 0.2s, box-shadow 0.2s;\n  }\n  .paket-card:hover { transform: translateY(-4px); box-shadow: 0 8px 36px rgba(102,153,51,0.15); }\n  .paket-card.paket-featured {\n    border: 2px solid var(--forest);\n    box-shadow: 0 4px 40px rgba(102,153,51,0.18);\n  }\n\n  \/* BESTSELLER RIBBON *\/\n  .paket-bestseller-label {\n    position: absolute;\n    top: 0; right: 24px;\n    background: var(--forest);\n    color: #fff;\n    font-size: 12px; font-weight: 700; letter-spacing: 0.5px;\n    padding: 8px 18px 10px;\n    border-radius: 0 0 12px 12px;\n    z-index: 10;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n  }\n\n  \/* DARK CARD IMAGE HEADER *\/\n  .paket-dark { padding-top: 0; }\n  .paket-image-header {\n    position: relative;\n    border-radius: 20px 20px 0 0;\n    overflow: hidden;\n    height: 270px;\n    margin: -28px -28px 0 -28px;\n  }\n  .paket-image-header img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .paket-image-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(30,50,20,0.55);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: center;\n    text-align: center;\n    padding: 20px 24px;\n  }\n  .paket-image-overlay .paket-tier {\n    color: #fff;\n    font-size: 20px;\n    font-weight: 700;\n    margin-bottom: 4px;\n    text-transform: uppercase;\n    text-align: center;\n  }\n\n  \/* HEADER *\/\n  .paket-header { text-align: center; padding-top: 8px; }\n  .paket-tier {\n    font-family: 'Poppins', sans-serif;\n    font-size: 20px; font-weight: 700; color: #1a1a1a; margin-bottom: 6px;\n  }\n  .paket-desc { font-size: 13px; color: #555555; line-height: 1.5; text-align: center; }\n\n  \/* HIGHLIGHT STRIP (country + bonus) *\/\n  .paket-highlight-strip {\n    display: flex; align-items: center; gap: 10px;\n    padding: 12px 14px; border-radius: 12px; border: 1px solid;\n    position: relative; z-index: 2;\n  }\n  .paket-dark .paket-highlight-strip {\n    margin-top: -14px;\n  }\n  .paket-country-flag { font-size: 24px; flex-shrink: 0; }\n  .paket-trees { font-size: 13px; font-weight: 700; color: var(--text-main); }\n  .paket-impact-line { font-size: 10px; color: var(--text-muted); margin-top: 2px; line-height: 1.4; }\n  .paket-impact-line em { font-style: italic; }\n  .paket-bonus-badge {\n    margin-left: auto; flex-shrink: 0;\n    font-size: 11px; font-weight: 700;\n    padding: 4px 10px; border-radius: 20px;\n    white-space: nowrap;\n  }\n\n  .paket-impact-inline {\n    font-size: 11px; color: var(--text-muted); margin-top: 4px; line-height: 1.5;\n  }\n\n  \/* PRICING *\/\n  .paket-pricing { text-align: center; }\n  .paket-price {\n    font-family: 'Poppins', sans-serif;\n    font-size: 52px; font-weight: 700; color: var(--forest); line-height: 1;\n  }\n  .paket-price sup { font-size: 28px; vertical-align: baseline; display: inline; }\n  .paket-price-sub { font-size: 13px; color: var(--text-muted); margin-top: 4px; }\n  .paket-per-tree { font-size: 12px; color: var(--text-muted); margin-top: 6px; }\n  .paket-saving {\n    display: inline-block; text-decoration: line-through;\n    color: #c0706a; margin-left: 4px;\n  }\n\n  \/* CTA BUTTONS *\/\n  .paket-cta {\n    width: 100%; padding: 16px;\n    border: none; border-radius: 12px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 14px; font-weight: 700;\n    cursor: pointer; transition: all 0.2s; letter-spacing: 0.3px;\n  }\n  .paket-cta-default {\n    background: var(--forest); color: #fff;\n  }\n  .paket-cta-default:hover { background: #4d7a26; transform: translateY(-1px); box-shadow: 0 4px 18px rgba(102,153,51,0.25); }\n  .paket-cta-featured {\n    background: var(--forest); color: #fff;\n    box-shadow: 0 4px 20px rgba(102,153,51,0.3);\n  }\n  .paket-cta-featured:hover { background: #4d7a26; transform: translateY(-1px); box-shadow: 0 6px 28px rgba(102,153,51,0.4); }\n\n  \/* INCLUDES LIST *\/\n  .paket-includes { background: var(--cream); border-radius: 10px; padding: 14px 16px; }\n  .paket-includes-title { font-size: 10px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-muted); margin-bottom: 8px; }\n  .paket-include-row { font-size: 12px; color: var(--text-main); padding: 3px 0; }\n\n  \/* FOOTER LINK *\/\n  .pakete-footer {\n    text-align: center; margin-top: 36px;\n    font-size: 14px; color: var(--text-muted); display: flex; align-items: center; justify-content: center; gap: 12px;\n  }\n  .pakete-footer-link {\n    color: var(--forest); font-weight: 600; text-decoration: none;\n    border-bottom: 1px dashed var(--forest);\n    padding-bottom: 1px; transition: opacity 0.2s;\n  }\n  .pakete-footer-link:hover { opacity: 0.7; }\n\n  \/* SECTION BACKGROUNDS (volle Breite) *\/\n  .pakete-section-bg {\n    background: #eaf6ea;\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    padding: 48px 0;\n  }\n  .pakete-section-bg .pakete-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n  .einzelkauf-section-bg {\n    background: #A8CC9B;\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    padding: 48px 0;\n  }\n  .einzelkauf-section-bg .einzelbaum-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n  .testimonials-section-bg {\n    background: #FFFFFF;\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    padding: 40px 24px;\n  }\n  .testimonials-section-bg .testimonials-section {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .trust-section-bg {\n    background: #eaf6ea;\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    padding: 48px 24px;\n  }\n  .trust-section-bg .trust-science-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .allstar-section-bg {\n    background: #669933;\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    padding: 48px 24px;\n  }\n  \/* Scroll targets *\/\n  #pakete { scroll-margin-top: 24px; }\n  #einzelkauf { scroll-margin-top: 80px; }\n  #marketing-starter, #brand-builder, #social-impact-champion,\n  #privatperson, #forstfreundin, #waldmacher { scroll-margin-top: 24px; }\n\n  \/* Section headings *\/\n  .section-heading {\n    text-align: center;\n    padding-top: 48px;\n    margin-bottom: 8px;\n  }\n  .section-heading h2 {\n    font-family: 'Poppins', sans-serif;\n    font-size: 30px;\n    font-weight: 600;\n    color: #669933;\n    margin: 0;\n  }\n  .section-heading p {\n    font-family: 'Poppins', sans-serif;\n    font-size: 15px;\n    color: #555555;\n    margin-top: 8px;\n  }\n  .section-heading.on-dark h2 { color: #FFFFFF; }\n  .section-heading.on-dark p { color: #eaf6ea; }\n\n  @media (max-width: 900px) {\n    .pakete-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }\n  }\n\n\n  \/* \u2550\u2550\u2550 ELEMENTOR THEME KIT OVERRIDE \u2550\u2550\u2550\n     The Elementor kit sets button{background:#669933} globally.\n     We need higher specificity to override it. *\/\n  .impact-page-wrapper button.eb-country-btn,\n  .impact-page-wrapper button.eb-impact-btn,\n  .impact-page-wrapper button.eb-freq-btn {\n    background-color: #ffffff !important;\n    color: #1a2e1a !important;\n    border: 1.5px solid #e0e0e0 !important;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;\n    border-radius: 12px;\n  }\n  .impact-page-wrapper button.eb-country-btn:hover:not(.disabled),\n  .impact-page-wrapper button.eb-impact-btn:hover,\n  .impact-page-wrapper button.eb-freq-btn:hover {\n    border-color: #669933 !important;\n    background-color: #ffffff !important;\n    box-shadow: 0 4px 14px rgba(102,153,51,0.12) !important;\n    transform: translateY(-2px);\n  }\n  .impact-page-wrapper button.eb-country-btn.active,\n  .impact-page-wrapper button.eb-impact-btn.active,\n  .impact-page-wrapper button.eb-freq-btn.active {\n    border: 2.5px solid #669933 !important;\n    background-color: #eaf6ea !important;\n    box-shadow: 0 4px 14px rgba(102,153,51,0.12) !important;\n  }\n  .impact-page-wrapper button.eb-freq-btn.recommended.active {\n    background-color: #eaf6ea !important;\n    box-shadow: 0 4px 18px rgba(102,153,51,0.25) !important;\n  }\n\n  \/* \u2550\u2550\u2550 ERG\u00c4NZUNGEN \u2550\u2550\u2550\n     Alle Gr\u00f6\u00dfen mit !important, weil das Elementor-Kit globale\n     font-size\/font-weight-Regeln f\u00fcr p und a setzt. *\/\n\n  \/* CO2-Methodik-Hinweis unter dem Impact-Selector (EmpCo) *\/\n  .impact-page-wrapper .eb-impact-note {\n    margin-top: 14px;\n    font-size: 12px !important;\n    line-height: 1.5 !important;\n    font-weight: 400 !important;\n    color: var(--text-muted) !important;\n    text-align: left;\n  }\n  .impact-page-wrapper .eb-impact-note a {\n    font-size: 12px !important;\n    font-weight: 500 !important;\n    letter-spacing: normal !important;\n    color: var(--forest) !important;\n    text-decoration: underline !important;\n    text-underline-offset: 2px;\n  }\n  .impact-page-wrapper .eb-impact-note a:hover { color: var(--leaf) !important; }\n\n  \/* Zusatzhinweis in den L\u00e4nderkarten (z. B. Mangrovenbaum bei Plastik) *\/\n  .eb-country-bonus {\n    font-size: 10px; font-weight: 600; color: var(--forest);\n    margin-top: 2px; line-height: 1.4;\n  }\n\n  \/* Trust-Liste: linksb\u00fcndige Kompaktliste statt zentrierter Umbruch *\/\n  .impact-page-wrapper .eb-trust-row {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 6px;\n    padding: 4px 20px 16px;\n  }\n  .impact-page-wrapper .eb-trust-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 6px;\n    margin: 0 !important;\n    font-size: 11px !important;\n    line-height: 1.4 !important;\n    font-weight: 500 !important;\n    color: var(--text-muted) !important;\n    text-align: left;\n  }\n  .impact-page-wrapper .eb-trust-item::before {\n    content: '\\2713';\n    color: var(--forest);\n    font-weight: 700;\n    flex-shrink: 0;\n    line-height: 1.4;\n  }\n\n  \/* CTA-Button: Zeilenumbruch b\u00e4ndigen *\/\n  .impact-page-wrapper button.eb-cta-btn {\n    font-size: 14px !important;\n    line-height: 1.35 !important;\n    font-weight: 700 !important;\n    letter-spacing: normal !important;\n    padding: 15px !important;\n  }\n\n  \/* Upsell-\/Enterprise-Box *\/\n  .impact-page-wrapper .eb-upsell {\n    font-size: 12px !important;\n    line-height: 1.5 !important;\n    color: var(--bark) !important;\n    text-align: left;\n  }\n  .impact-page-wrapper .eb-upsell a {\n    font-size: 12px !important;\n    font-weight: 600 !important;\n    letter-spacing: normal !important;\n    color: var(--forest) !important;\n    text-decoration: underline !important;\n    text-underline-offset: 2px;\n  }\n  .impact-page-wrapper .eb-upsell strong { font-weight: 700 !important; }\n  .impact-page-wrapper .eb-upsell-icon:empty { display: none; }\n\n  \/* \u2550\u2550\u2550 PREISANZEIGE GEWERBE \/ PRIVAT \u2550\u2550\u2550\n     Steuerung \u00fcber den Shortcode <div class=\"preisanzeige-umschalter\" data-modus=\"gewerbe\"><button type=\"button\" class=\"preisanzeige-umschalter__label preisanzeige-umschalter__label--gewerbe is-active\" data-modus=\"gewerbe\">Gewerbe<\/button><button type=\"button\" class=\"preisanzeige-umschalter__switch\" role=\"switch\" aria-checked=\"false\" aria-label=\"Preisanzeige: Privat\"><span class=\"preisanzeige-umschalter__knob\" aria-hidden=\"true\"><\/span><\/button><button type=\"button\" class=\"preisanzeige-umschalter__label preisanzeige-umschalter__label--privat\" data-modus=\"privat\">Privat<\/button><\/div>:\n     body.preisanzeige-privat kommt vom Plugin (serverseitig, kein Flackern),\n     .modus-privat setzt das Script als R\u00fcckfall auf den Wrapper. *\/\n  body.preisanzeige-privat .impact-page-wrapper .nur-gewerbe,\n  .impact-page-wrapper.modus-privat .nur-gewerbe {\n    display: none !important;\n  }\n  body:not(.preisanzeige-privat) .impact-page-wrapper:not(.modus-privat) .nur-privat {\n    display: none !important;\n  }\n<\/style>\n<div class=\"impact-page-wrapper\">\n\n<!-- HEADER -->\n<header class=\"page-header\">\n  <div class=\"header-inner\">\n    <div class=\"header-eyebrow\" data-en=\"Make an impact today\">Machen Sie jetzt Impact<\/div>\n    <h1 data-en=\"Choose your package &amp;&lt;br&gt;&lt;em&gt;maximise your impact&lt;\/em&gt;\">W\u00e4hlen Sie Ihr Paket &<br><em>maximieren Sie Ihren Impact<\/em><\/h1>\n    <p class=\"header-sub\" data-en=\"Ready-made packages with a price advantage \u2014 or configure exactly the impact you want to create.\">Fertige Pakete mit Preisvorteil \u2014 oder w\u00e4hlen Sie ganz individuell, was Sie bewirken m\u00f6chten.<\/p>\n    <div class=\"hero-anchors\">\n      <a href=\"#einzelkauf\" data-en=\"Configure your own\" onclick=\"document.getElementById('einzelkauf').scrollIntoView({behavior:'smooth'});return false;\">Individuell festlegen<\/a>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- PAKETE SECTION -->\n<div class=\"pakete-section-bg\">\n<div class=\"pakete-wrapper\" id=\"pakete\">\n  <div class=\"section-heading\" style=\"padding-top:0;margin-bottom:40px;text-align:center;\">\n    <h2 style=\"text-align:center;\" data-en=\"Monthly impact packages\">Monatliche Impact-Pakete<\/h2>\n    <p class=\"nur-gewerbe\" data-en=\"Automated bestsellers. Set up in 2 minutes. Save up to 20%! Immediate ROI.\">Automatisierte Bestseller. In 2 Minuten angelegt. Mit Preisvorteil bis zu 20%! Sofortiger ROI-Start.<\/p>\n    <p class=\"nur-privat\" data-en=\"Plant trees automatically every month. Set up in 2 minutes. Save up to 9%.\">Automatisch jeden Monat B\u00e4ume pflanzen. In 2 Minuten angelegt. Mit Preisvorteil bis zu 9 %.<\/p>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 PAKETE GEWERBE (netto) \u2550\u2550\u2550 -->\n  <div class=\"pakete-grid nur-gewerbe\">\n\n    <!-- PAKET 1: Marketing Starter -->\n    <div class=\"paket-card paket-dark\" id=\"marketing-starter\">\n      <div class=\"paket-image-header\">\n        <img decoding=\"async\" src=\"https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Click-A-Tree-Reforesting-Thailand-12.webp\" alt=\"Aufforstungsprojekt in Thailand\" data-en-alt=\"Reforestation project in Thailand\" loading=\"lazy\" title=\"\">\n        <div class=\"paket-image-overlay\">\n          <div class=\"paket-tier\">Marketing Starter<\/div>\n          <div class=\"paket-desc\" style=\"color:rgba(255,255,255,0.85);\" data-en=\"For solopreneurs &amp; startups that want to make a difference\">F\u00fcr Solopreneure & Startups, die etwas bewegen wollen<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"paket-highlight-strip\" style=\"background:#eaf6ea;border-color:#A8CC9B\">\n        <span class=\"paket-country-flag\">\ud83c\uddf9\ud83c\udded<\/span>\n        <div>\n          <div class=\"paket-trees\" data-en=\"21 trees in Thailand\">21 B\u00e4ume in Thailand<\/div>\n          <div class=\"paket-impact-inline\" data-en=\"10.92 t CO\u2082 captured \u00b7 5.25 h of work \u00b7 84 m\u00b2 reforested \u00b7 elephant protection\">10,92 t CO\u2082 gebunden \u00b7 5,25 h Arbeit \u00b7 84 m\u00b2 bewaldet \u00b7 Elefantenschutz<\/div>\n        <\/div>\n        <div class=\"paket-bonus-badge\" style=\"background:#FFB800;color:#1a1a1a\">+5%<\/div>\n      <\/div>\n      <div class=\"paket-pricing\">\n        <div class=\"paket-price\" data-en=\"&lt;sup&gt;\u20ac&lt;\/sup&gt;99\">99<sup>\u20ac<\/sup><\/div>\n        <div class=\"paket-price-sub\" data-en=\"\/ month \u00b7 plus VAT\">\/ Monat \u00b7 zzgl. MwSt.<\/div>\n        <div class=\"paket-per-tree\" data-en=\"\u2248 \u20ac4.71 net \/ tree &lt;span class=&quot;paket-saving&quot;&gt;instead of \u20ac5 net&lt;\/span&gt;\">\u2248 4,71 \u20ac netto \/ Baum <span class=\"paket-saving\">statt 5 \u20ac netto<\/span><\/div>\n      <\/div>\n      <button class=\"paket-cta paket-cta-default\" data-en=\"Choose Marketing Starter\" onclick=\"selectPaket('starter', this)\">\n        Marketing Starter w\u00e4hlen\n      <\/button>\n      <div class=\"paket-includes\">\n        <div class=\"paket-includes-title\" data-en=\"Incl. marketing assets\">Inkl. Marketing-Assets<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 Impact Account access\">\u2713 Zugang Impact Account<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 Regular updates\">\u2713 Regelm\u00e4\u00dfige Updates<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 GPS coordinates\">\u2713 GPS-Koordinaten<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 Click A Tree logo usage\">\u2713 Click A Tree Logonutzung<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PAKET 2: Brand Builder (BESTSELLER) -->\n    <div class=\"paket-card paket-dark paket-featured\" id=\"brand-builder\">\n      <div class=\"paket-image-header\">\n        <div class=\"paket-bestseller-label\" data-en=\"\u2b50 Bestseller\">\u2b50 Bestseller<\/div>\n        <img decoding=\"async\" src=\"https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Chris_03_loading-scaled.webp\" alt=\"Click A Tree Aufforstung\" data-en-alt=\"Click A Tree reforestation\" loading=\"lazy\" title=\"\">\n        <div class=\"paket-image-overlay\">\n          <div class=\"paket-tier\">Brand Builder<\/div>\n          <div class=\"paket-desc\" style=\"color:rgba(255,255,255,0.85);\" data-en=\"For companies that want to grow their brand and their marketing\">F\u00fcr Unternehmen, die ihre Marke und ihr Marketing voranbringen m\u00f6chten<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"paket-highlight-strip\" style=\"background:#eaf6ea;border-color:#A8CC9B\">\n        <span class=\"paket-country-flag\">\ud83c\uddf5\ud83c\udded<\/span>\n        <div>\n          <div class=\"paket-trees\" style=\"white-space:nowrap;\" data-en=\"110 trees in the Philippines\">110 B\u00e4ume auf den Philippinen<\/div>\n          <div class=\"paket-impact-inline\" data-en=\"32.23 t CO\u2082 \u00b7 27.5 h of work \u00b7 110 kg of plastic removed from the ocean \u00b7 137.5 m\u00b2 reforested\">32,23 t CO\u2082 \u00b7 27,5 h Arbeit \u00b7 110 kg Plastik aus dem Ozean \u00b7 137,5 m\u00b2 bewaldet<\/div>\n        <\/div>\n        <div class=\"paket-bonus-badge\" style=\"background:#FFB800;color:#1a1a1a\">+10%<\/div>\n      <\/div>\n      <div class=\"paket-pricing\">\n        <div class=\"paket-price\" data-en=\"&lt;sup&gt;\u20ac&lt;\/sup&gt;499\">499<sup>\u20ac<\/sup><\/div>\n        <div class=\"paket-price-sub\" data-en=\"\/ month \u00b7 plus VAT\">\/ Monat \u00b7 zzgl. MwSt.<\/div>\n        <div class=\"paket-per-tree\" data-en=\"\u2248 \u20ac4.54 net \/ tree &lt;span class=&quot;paket-saving&quot;&gt;instead of \u20ac5 net&lt;\/span&gt;\">\u2248 4,54 \u20ac netto \/ Baum <span class=\"paket-saving\">statt 5 \u20ac netto<\/span><\/div>\n      <\/div>\n      <button class=\"paket-cta paket-cta-featured\" data-en=\"Choose Brand Builder\" onclick=\"selectPaket('brand', this)\">\n        Brand Builder w\u00e4hlen\n      <\/button>\n      <div class=\"paket-includes\">\n        <div class=\"paket-includes-title\" data-en=\"Incl. marketing assets\">Inkl. Marketing-Assets<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 Personalised imagery (from 1,000 trees)\">\u2713 Personalisiertes Bildmaterial (ab 1.000 B\u00e4umen)<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 Personalised certificate template for your customers\">\u2713 Personalisierte Zertifikatsvorlage f\u00fcr Kunden<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 All Marketing Starter benefits\">\u2713 Alle Marketing Starter Vorteile<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PAKET 3: Social Impact Champion -->\n    <div class=\"paket-card paket-dark\" id=\"social-impact-champion\">\n      <div class=\"paket-image-header\">\n        <img decoding=\"async\" src=\"https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Click-A-Tree-Ghana-3women-with-seedlings-scaled.webp\" alt=\"Click A Tree Ghana Aufforstung\" data-en-alt=\"Click A Tree reforestation in Ghana\" loading=\"lazy\" title=\"\">\n        <div class=\"paket-image-overlay\">\n          <div class=\"paket-tier\">Social Impact Champion<\/div>\n          <div class=\"paket-desc\" style=\"color:rgba(255,255,255,0.85);\" data-en=\"For companies that really want to move the needle \u2014 with extra impact for employer branding\">F\u00fcr Firmen, die wirklich etwas bewegen wollen \u2014 mit extra Impact f\u00fcrs Employer Branding<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"paket-highlight-strip\" style=\"background:#eaf6ea;border-color:#A8CC9B\">\n        <span class=\"paket-country-flag\">\ud83c\uddec\ud83c\udded<\/span>\n        <div>\n          <div class=\"paket-trees\" data-en=\"480 trees in Ghana\">480 B\u00e4ume in Ghana<\/div>\n          <div class=\"paket-impact-inline\" data-en=\"230.4 t CO\u2082 \u00b7 120 h of work \u00b7 1,920 m\u00b2 reforested \u00b7 96 days of education\">230,4 t CO\u2082 \u00b7 120 h Arbeit \u00b7 1.920 m\u00b2 bewaldet \u00b7 96 Bildungstage<\/div>\n        <\/div>\n        <div class=\"paket-bonus-badge\" style=\"background:#FFB800;color:#1a1a1a\">+20%<\/div>\n      <\/div>\n      <div class=\"paket-pricing\">\n        <div class=\"paket-price\" data-en=\"&lt;sup&gt;\u20ac&lt;\/sup&gt;1,999\">1.999<sup>\u20ac<\/sup><\/div>\n        <div class=\"paket-price-sub\" data-en=\"\/ month \u00b7 plus VAT\">\/ Monat \u00b7 zzgl. MwSt.<\/div>\n        <div class=\"paket-per-tree\" data-en=\"\u2248 \u20ac4.16 net \/ tree &lt;span class=&quot;paket-saving&quot;&gt;instead of \u20ac5 net&lt;\/span&gt;\">\u2248 4,16 \u20ac netto \/ Baum <span class=\"paket-saving\">statt 5 \u20ac netto<\/span><\/div>\n      <\/div>\n      <button class=\"paket-cta paket-cta-default\" data-en=\"Become a Champion\" onclick=\"selectPaket('champion', this)\">\n        Champion werden\n      <\/button>\n      <div class=\"paket-includes\">\n        <div class=\"paket-includes-title\" data-en=\"Incl. marketing assets\">Inkl. Marketing-Assets<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 Onboarding call with a dedicated success manager\">\u2713 Onboarding Call mit dediziertem Success Manager<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 E-commerce integration\">\u2713 E-Commerce-Integration<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 Priority access to tree-planting events\">\u2713 Priorisierter Zugang zu Baumpflanzevents<\/div>\n        <div class=\"paket-include-row\" data-en=\"\u2713 All Brand Builder benefits\">\u2713 Alle Brand Builder Vorteile<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u2550\u2550\u2550 PAKETE PRIVAT (brutto, inkl. 19 % MwSt.) \u2550\u2550\u2550 -->\n  <div class=\"pakete-grid nur-privat\">\n\n    <!-- PRIVAT 1: Privatperson -->\n    <div class=\"paket-card paket-dark\" id=\"privatperson\">\n      <div class=\"paket-image-header\">\n        <img decoding=\"async\" src=\"https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Click-A-Tree-Reforesting-Thailand-12.webp\" alt=\"Aufforstungsprojekt in Thailand\" data-en-alt=\"Reforestation project in Thailand\" loading=\"lazy\" title=\"\">\n        <div class=\"paket-image-overlay\">\n          <div class=\"paket-tier\" data-en=\"Personal\">Privatperson<\/div>\n          <div class=\"paket-desc\" style=\"color:rgba(255,255,255,0.85);\" data-en=\"The easy start: plant trees every month\">Der einfache Einstieg: jeden Monat B\u00e4ume pflanzen<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"paket-highlight-strip\" style=\"background:#eaf6ea;border-color:#A8CC9B\">\n        <span class=\"paket-country-flag\">\ud83c\uddf9\ud83c\udded<\/span>\n        <div>\n          <div class=\"paket-trees\" data-en=\"2 trees in Thailand\">2 B\u00e4ume in Thailand<\/div>\n          <div class=\"paket-impact-inline\" data-en=\"1.04 t CO\u2082 captured \u00b7 0.5 h of work \u00b7 8 m\u00b2 reforested \u00b7 elephant protection\">1,04 t CO\u2082 gebunden \u00b7 0,5 h Arbeit \u00b7 8 m\u00b2 bewaldet \u00b7 Elefantenschutz<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"paket-pricing\">\n        <div class=\"paket-price\" data-en=\"&lt;sup&gt;\u20ac&lt;\/sup&gt;11.90\">11,90<sup>\u20ac<\/sup><\/div>\n        <div class=\"paket-price-sub\" data-en=\"\/ month \u00b7 incl. VAT\">\/ Monat \u00b7 inkl. MwSt.<\/div>\n        <div class=\"paket-per-tree\" data-en=\"\u20ac5.95 \/ tree incl. VAT\">5,95 \u20ac \/ Baum inkl. MwSt.<\/div>\n      <\/div>\n      <button class=\"paket-cta paket-cta-default\" data-en=\"Choose Personal\" onclick=\"selectPaket('privatperson', this)\">\n        Privatperson w\u00e4hlen\n      <\/button>\n    <\/div>\n\n    <!-- PRIVAT 2: Forstfreundin (BELIEBT) -->\n    <div class=\"paket-card paket-dark paket-featured\" id=\"forstfreundin\">\n      <div class=\"paket-image-header\">\n        <div class=\"paket-bestseller-label\" data-en=\"\u2b50 Popular\">\u2b50 Beliebt<\/div>\n        <img decoding=\"async\" src=\"https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Chris_03_loading-scaled.webp\" alt=\"Click A Tree Aufforstung\" data-en-alt=\"Click A Tree reforestation\" loading=\"lazy\" title=\"\">\n        <div class=\"paket-image-overlay\">\n          <div class=\"paket-tier\" data-en=\"Forest Friend\">Forstfreundin<\/div>\n          <div class=\"paket-desc\" style=\"color:rgba(255,255,255,0.85);\" data-en=\"For everyone who wants to grow more forest, month after month\">F\u00fcr alle, die Monat f\u00fcr Monat mehr Wald schaffen m\u00f6chten<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"paket-highlight-strip\" style=\"background:#eaf6ea;border-color:#A8CC9B\">\n        <span class=\"paket-country-flag\">\ud83c\uddf5\ud83c\udded<\/span>\n        <div>\n          <div class=\"paket-trees\" style=\"white-space:nowrap;\" data-en=\"5 trees in the Philippines\">5 B\u00e4ume auf den Philippinen<\/div>\n          <div class=\"paket-impact-inline\" data-en=\"1.45 t CO\u2082 \u00b7 1.25 h of work \u00b7 5 kg of plastic removed from the ocean \u00b7 6.25 m\u00b2 reforested\">1,45 t CO\u2082 \u00b7 1,25 h Arbeit \u00b7 5 kg Plastik aus dem Ozean \u00b7 6,25 m\u00b2 bewaldet<\/div>\n        <\/div>\n        <\/div>\n      <div class=\"paket-pricing\">\n        <div class=\"paket-price\" data-en=\"&lt;sup&gt;\u20ac&lt;\/sup&gt;29.75\">29,75<sup>\u20ac<\/sup><\/div>\n        <div class=\"paket-price-sub\" data-en=\"\/ month \u00b7 incl. VAT\">\/ Monat \u00b7 inkl. MwSt.<\/div>\n        <div class=\"paket-per-tree\" data-en=\"\u20ac5.95 \/ tree incl. VAT\">5,95 \u20ac \/ Baum inkl. MwSt.<\/div>\n      <\/div>\n      <button class=\"paket-cta paket-cta-featured\" data-en=\"Choose Forest Friend\" onclick=\"selectPaket('forstfreundin', this)\">\n        Forstfreundin w\u00e4hlen\n      <\/button>\n    <\/div>\n\n    <!-- PRIVAT 3: Waldmacher -->\n    <div class=\"paket-card paket-dark\" id=\"waldmacher\">\n      <div class=\"paket-image-header\">\n        <img decoding=\"async\" src=\"https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Click-A-Tree-Ghana-3women-with-seedlings-scaled.webp\" alt=\"Click A Tree Ghana Aufforstung\" data-en-alt=\"Click A Tree reforestation in Ghana\" loading=\"lazy\" title=\"\">\n        <div class=\"paket-image-overlay\">\n          <div class=\"paket-tier\" data-en=\"Forest Maker\">Waldmacher<\/div>\n          <div class=\"paket-desc\" style=\"color:rgba(255,255,255,0.85);\" data-en=\"For true forest makers: a full dozen trees every month\">F\u00fcr echte Waldmacher: jeden Monat ein ganzes Dutzend B\u00e4ume<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"paket-highlight-strip\" style=\"background:#eaf6ea;border-color:#A8CC9B\">\n        <span class=\"paket-country-flag\">\ud83c\uddec\ud83c\udded<\/span>\n        <div>\n          <div class=\"paket-trees\" data-en=\"12 trees in Ghana\">12 B\u00e4ume in Ghana<\/div>\n          <div class=\"paket-impact-inline\" data-en=\"5.76 t CO\u2082 \u00b7 3 h of work \u00b7 48 m\u00b2 reforested \u00b7 2.4 days of education\">5,76 t CO\u2082 \u00b7 3 h Arbeit \u00b7 48 m\u00b2 bewaldet \u00b7 2,4 Bildungstage<\/div>\n        <\/div>\n        <\/div>\n      <div class=\"paket-pricing\">\n        <div class=\"paket-price\" data-en=\"&lt;sup&gt;\u20ac&lt;\/sup&gt;71.40\">71,40<sup>\u20ac<\/sup><\/div>\n        <div class=\"paket-price-sub\" data-en=\"\/ month \u00b7 incl. VAT\">\/ Monat \u00b7 inkl. MwSt.<\/div>\n        <div class=\"paket-per-tree\" data-en=\"\u20ac5.95 \/ tree incl. VAT\">5,95 \u20ac \/ Baum inkl. MwSt.<\/div>\n      <\/div>\n      <button class=\"paket-cta paket-cta-default\" data-en=\"Become a Forest Maker\" onclick=\"selectPaket('waldmacher', this)\">\n        Waldmacher werden\n      <\/button>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"pakete-footer\">\n    <span data-en=\"Prefer to configure it yourself?\">Oder lieber selbst konfigurieren?<\/span>\n    <a class=\"pakete-footer-link\" href=\"#einzelkauf\" data-en=\"Configure your own \u2193\" onclick=\"document.getElementById('einzelkauf').scrollIntoView({behavior:'smooth'});return false;\">\n      Individuell gestalten \u2193\n    <\/a>\n  <\/div>\n<\/div>\n<\/div><!-- \/pakete-section-bg -->\n\n\n<!-- EINZELKAUF SECTION -->\n<div class=\"einzelkauf-section-bg\">\n<div class=\"einzelbaum-wrapper\" id=\"einzelkauf\">\n  <div class=\"section-heading\">\n    <h2 style=\"color:#fff;\" data-en=\"Configure your own\">Individuell gestalten<\/h2>\n    <p style=\"color:#2a3d2e;\" data-en=\"Choose freely by impact or by project country. Monthly or one-off.\">W\u00e4hlen Sie komplett frei nach Wirkung oder Projektland. Monatlich oder einmalig.<\/p>\n  <\/div>\n  <div class=\"einzelbaum-header\" style=\"justify-content:center;text-align:center;\">\n    <div>\n      <p class=\"einzelbaum-sub\" style=\"text-align:center;color:#2a3d2e;\" data-en=\"What matters most to you? Choose your impact \u2014 matching project countries appear automatically.\">Was liegt Ihnen am Herzen? W\u00e4hlen Sie Ihre Wirkung \u2014 passende Projektl\u00e4nder werden automatisch angezeigt.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"einzelbaum-grid\">\n    <div class=\"eb-left\">\n\n      <!-- STEP 1: IMPACT W\u00c4HLEN -->\n      <div class=\"eb-card\">\n        <div class=\"eb-card-label\" data-en=\"&lt;span class=&quot;eb-step-num&quot;&gt;1&lt;\/span&gt; What would you like to achieve?\"><span class=\"eb-step-num\">1<\/span> Was m\u00f6chten Sie bewirken?<\/div>\n        <div class=\"eb-impact-selector\" id=\"ebImpactSelector\">\n          <!-- rendered by JS -->\n        <\/div>\n        <div class=\"eb-impact-note\" id=\"ebImpactNote\" style=\"display:none;\">\n          <span id=\"ebImpactNoteText\">Alle CO\u2082-Werte basieren auf projektspezifischen Daten \u2014 <\/span>\n          <a id=\"ebImpactNoteLink\" href=\"https:\/\/clickatree.com\/zahlen-daten-fakten\/\" target=\"_blank\" rel=\"noopener\">Unsere CO\u2082-Berechnungsmethodik<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- STEP 2: LAND (gefiltert) -->\n      <div class=\"eb-card\" id=\"ebCountryCard\">\n        <div class=\"eb-card-label-row\">\n          <span class=\"eb-card-label\" style=\"margin:0\" data-en=\"&lt;span class=&quot;eb-step-num&quot;&gt;2&lt;\/span&gt; Choose your project country\"><span class=\"eb-step-num\">2<\/span> Projektland w\u00e4hlen<\/span>\n          <span class=\"eb-country-filter-hint\" id=\"ebCountryFilterHint\"><\/span>\n        <\/div>\n        <div class=\"eb-country-grid\" id=\"ebCountryGrid\">\n          <!-- rendered by JS -->\n        <\/div>\n      <\/div>\n\n      <!-- STEP 3: MENGE (Slider + Direkteingabe) inkl. Loyalty Level -->\n      <div class=\"eb-card\" id=\"ebLevelCard\">\n        <div class=\"eb-card-label\" data-en=\"&lt;span class=&quot;eb-step-num&quot;&gt;3&lt;\/span&gt; Number of trees\"><span class=\"eb-step-num\">3<\/span> Anzahl B\u00e4ume<\/div>\n        <div class=\"eb-qty-display\">\n          <span class=\"eb-qty-num\" id=\"ebQtyDisplay\">10<\/span>\n          <span class=\"eb-qty-unit\" id=\"ebQtyUnit\">B\u00e4ume<\/span>\n          <span class=\"eb-qty-impact\" id=\"ebQtyImpact\">\n            <span class=\"eb-qty-impact-eq\">\u2259<\/span>\n            <span class=\"eb-qty-impact-val\" id=\"ebQtyImpactVal\"><\/span>\n            <small id=\"ebQtyImpactUnit\"><\/small>\n          <\/span>\n          <input type=\"number\" id=\"ebManualInput\" value=\"10\" min=\"1\" max=\"9999\"\n            oninput=\"setEBQty(parseInt(this.value)||1)\" class=\"eb-manual-input\"\n            aria-label=\"Anzahl B\u00e4ume direkt eingeben\" data-en-aria=\"Enter number of trees directly\">\n        <\/div>\n        <input type=\"range\" id=\"ebSlider\" min=\"1\" max=\"1000\" value=\"10\"\n          oninput=\"setEBQty(parseInt(this.value))\" aria-label=\"Anzahl B\u00e4ume\" data-en-aria=\"Number of trees\">\n        <div class=\"eb-threshold-row nur-gewerbe\"><span class=\"eb-threshold-hint\" id=\"ebThresholdHint\"><\/span><\/div>\n\n        <!-- LOYALTY LEVEL \u2014 im selben Kasten (nur Gewerbe) -->\n        <div class=\"eb-level-inline nur-gewerbe\">\n          <div class=\"conf-level-header\">\n            <div class=\"conf-level-badge\" id=\"ebLevelBadge\">Bronze<\/div>\n            <div class=\"conf-level-info\">\n              <div class=\"conf-level-name\" id=\"ebLevelName\">Marketing Starter<\/div>\n              <div class=\"conf-level-sub\"  id=\"ebLevelSub\">Sichtbarkeit f\u00fcr nachhaltige Marken<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"conf-benefits-grid\" id=\"ebBenefitsGrid\">\n            <!-- rendered by JS -->\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- STEP 4: FREQUENZ -->\n      <div class=\"eb-card\">\n        <div class=\"eb-card-label\" data-en=\"&lt;span class=&quot;eb-step-num&quot;&gt;4&lt;\/span&gt; Monthly or one-off?\"><span class=\"eb-step-num\">4<\/span> Monatlich oder einmalig?<\/div>\n        <div class=\"eb-freq-grid\">\n          <button class=\"eb-freq-btn recommended active\" onclick=\"setEBFreq('monatlich', this)\">\n            <span class=\"eb-freq-badge\" data-en=\"Recommended\">Empfohlen<\/span>\n            <span class=\"eb-freq-icon\">\u21bb<\/span>\n            <span class=\"eb-freq-name\" data-en=\"Monthly\">Monatlich<\/span>\n            <span class=\"eb-freq-desc\" data-en=\"Create impact every month \u2014 with volume discount\">Jeden Monat Impact machen \u2014 mit Mengenrabatt<\/span>\n          <\/button>\n          <button class=\"eb-freq-btn\" onclick=\"setEBFreq('einmalig', this)\">\n            <span class=\"eb-freq-icon\">1\u00d7<\/span>\n            <span class=\"eb-freq-name\" data-en=\"One-off\">Einmalig<\/span>\n            <span class=\"eb-freq-desc\" data-en=\"Act once, right now\">Jetzt einmalig handeln<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT: LIVE SUMMARY -->\n    <div class=\"eb-right\">\n      <div class=\"eb-summary-card\">\n        <div class=\"eb-summary-top\" id=\"ebSummaryTop\">\n          <div class=\"eb-summary-impact-icon\" id=\"ebSummaryImpactIcon\"><\/div>\n          <div class=\"eb-summary-eyebrow\" id=\"ebSummaryEyebrow\">B\u00e4ume pflanzen in<\/div>\n          <div class=\"eb-summary-country\" id=\"ebSummaryCountry\">Ghana<\/div>\n          <div class=\"eb-summary-qty-row\">\n            <span id=\"ebSummaryQty\">10<\/span>\n            <span class=\"eb-summary-qty-label\" id=\"ebSummaryQtyLabel\"> B\u00e4ume<\/span>\n          <\/div>\n          <div class=\"eb-summary-freq-pill\" id=\"ebSummaryFreq\">Monatlich<\/div>\n        <\/div>\n\n        <!-- HIGHLIGHT: gew\u00e4hlter Impact als Primary -->\n        <div class=\"eb-primary-impact\" id=\"ebPrimaryImpact\">\n          <div class=\"eb-primary-impact-label\" id=\"ebPrimaryLabel\">B\u00e4ume pflanzen<\/div>\n          <div class=\"eb-primary-impact-val\" id=\"ebPrimaryVal\">10 B\u00e4ume<\/div>\n        <\/div>\n\n        <div class=\"eb-price-row\">\n          <div>\n            <div class=\"eb-discount-line\" id=\"ebDiscountLine\">\n              <span class=\"eb-discount-old\" id=\"ebDiscountOld\"><\/span>\n              <span class=\"eb-discount-badge\" id=\"ebDiscountBadge\"><\/span>\n            <\/div>\n            <div class=\"eb-price-main\" id=\"ebPriceMain\"><span id=\"ebPriceTotal\">50<\/span><sup>\u20ac<\/sup><\/div>\n            <div class=\"eb-price-sub\" id=\"ebPriceSub\">pro Monat \u00b7 zzgl. MwSt.<\/div>\n          <\/div>\n          <div class=\"eb-price-per\">\n            <span id=\"ebPricePerUnit\">5 \u20ac<\/span><br>\n            <span id=\"ebPricePerLabel\" style=\"font-size:10px;color:var(--text-muted)\" data-en=\"net per tree\">netto pro Baum<\/span>\n          <\/div>\n        <\/div>\n\n        <button class=\"eb-cta-btn\" id=\"ebCtaBtn\">\n          Jetzt 10 B\u00e4ume in Ghana pflanzen\n        <\/button>\n\n        <div class=\"eb-trust-row\">\n          <span class=\"eb-trust-item\" data-en=\"Personal support\">Pers\u00f6nliche Betreuung<\/span>\n          <span class=\"eb-trust-item nur-gewerbe\" data-en=\"Ready-made marketing material\">Vorgefertigtes Marketing-Material<\/span>\n          <span class=\"eb-trust-item\" data-en=\"Scientifically supported\">Wissenschaftlich begleitet<\/span>\n          <span class=\"eb-trust-item\" data-en=\"B Corp certified with a top global score (114.7 points)\">Mit globalen Bestnoten B Corp zertifiziert (114,7 Punkte)<\/span>\n          <span class=\"eb-trust-item\" data-en=\"Strict data protection under GDPR\">Strenger Datenschutz nach DSGVO<\/span>\n        <\/div>\n\n        <div class=\"eb-upsell nur-gewerbe\">\n          <span class=\"eb-upsell-icon\"><\/span>\n          <span id=\"ebUpsellText\">Ab 9 B\u00e4umen \/ Monat erreichen Sie den <strong>Bronze-Status<\/strong> \u2014 mit Logo-Nutzung & mehr.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div><!-- \/einzelkauf-section-bg -->\n\n<style>\n  \/* LEVEL-UP FLASH ANIMATION *\/\n  @keyframes levelUpFlash {\n    0%   { transform: scale(1); }\n    30%  { transform: scale(1.06); box-shadow: 0 0 0 6px rgba(74,155,99,0.25); }\n    60%  { transform: scale(0.98); }\n    100% { transform: scale(1); box-shadow: none; }\n  }\n  .level-up-flash { animation: levelUpFlash 0.5s ease forwards; }\n\n  @keyframes badgePop {\n    0%   { transform: scale(0.7) rotate(-5deg); opacity: 0; }\n    70%  { transform: scale(1.12) rotate(2deg); opacity: 1; }\n    100% { transform: scale(1) rotate(0deg); opacity: 1; }\n  }\n  .badge-pop { animation: badgePop 0.4s cubic-bezier(.4,0,.2,1) forwards; }\n\n\n  \/* NUMBER ANIMATION *\/\n  .animated-num { transition: all 0.4s cubic-bezier(.4,0,.2,1); }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     WISSENSCHAFTLICHER TRUST-BEREICH\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .trust-science-wrapper {\n    max-width: 1200px; margin: 0 auto 60px; padding: 0 24px;\n  }\n  .trust-science-eyebrow {\n    font-size: 11px; font-weight: 600; letter-spacing: 3px;\n    text-transform: uppercase; color: var(--leaf);\n    text-align: center; margin-bottom: 14px;\n  }\n  .trust-science-title {\n    font-family: 'Poppins', sans-serif;\n    font-size: clamp(26px, 3.5vw, 42px); font-weight: 700;\n    color: var(--forest); text-align: center; line-height: 1.2; margin-bottom: 10px;\n  }\n  .trust-science-title em { font-style: italic; color: var(--leaf); }\n  .trust-science-sub {\n    font-size: 15px; color: var(--text-muted); text-align: center;\n    max-width: 600px; margin: 0 auto 40px; line-height: 1.6;\n  }\n  .trust-science-grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 36px;\n  }\n  .trust-sci-card {\n    background: #fff; border: 1px solid var(--border); border-radius: 16px;\n    padding: 22px; box-shadow: 0 2px 14px var(--shadow);\n    display: flex; gap: 14px; align-items: flex-start;\n    transition: transform 0.2s;\n  }\n  .trust-sci-card:hover { transform: translateY(-2px); }\n  .trust-sci-icon {\n    display: none;\n  }\n  .trust-sci-body { flex: 1; }\n  .trust-sci-name { font-size: 13px; font-weight: 700; color: var(--text-main); margin-bottom: 2px; }\n  .trust-sci-role { font-size: 11px; color: var(--text-muted); margin-bottom: 8px; }\n  .trust-sci-text { font-size: 12px; color: var(--text-muted); line-height: 1.6; margin-bottom: 10px; }\n  .trust-sci-tag {\n    display: inline-block; font-size: 10px; font-weight: 700;\n    padding: 3px 10px; border-radius: 10px;\n    background: var(--moss); color: var(--forest);\n  }\n  .trust-science-logos {\n    display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;\n    padding: 24px; background: var(--cream); border-radius: 16px;\n    border: 1px solid var(--border);\n  }\n  .trust-logo-pill {\n    background: #fff; border: 1px solid var(--border); border-radius: 14px;\n    padding: 12px 20px; box-shadow: 0 1px 4px var(--shadow);\n    display: flex; align-items: center; justify-content: center;\n  }\n  .trust-logo-img {\n    height: 44px !important; width: auto !important; max-width: 150px !important;\n    max-height: 44px !important; object-fit: contain !important;\n    transition: all 0.2s;\n  }\n  .trust-logo-pill:hover .trust-logo-img {\n    transform: scale(1.05);\n  }\n  .trust-logo-text {\n    font-size: 13px; font-weight: 600; color: var(--text-main);\n    white-space: nowrap;\n  }\n\n  @media (max-width: 900px) {\n    .trust-science-grid { grid-template-columns: 1fr; }\n  }\n\n  @media (max-width: 900px) {\n    .configurator-wrapper { grid-template-columns: 1fr; }\n    .right-panel { position: static; }\n    .tabs-header { grid-template-columns: repeat(2, 1fr); }\n    .testimonials-grid { grid-template-columns: 1fr; }\n    .allstar-card { flex-direction: column; gap: 20px; }\n    .page-header { min-height: 220px; }\n  }\n  \/* SLIDER TRACK SEGMENTS *\/\n  .slider-track-labels {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 14px;\n    position: relative;\n  }\n  .track-segment {\n    flex: 1;\n    text-align: center;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    padding: 4px 2px;\n    border-radius: 4px;\n    margin: 0 1px;\n    opacity: 0.5;\n    transition: opacity 0.3s, background 0.3s;\n  }\n  .track-segment.active-seg { opacity: 1; }\n  .track-segment.seg-holz   { background: #eaf6ea; color: #88B36A; }\n  .track-segment.seg-bronze { background: #f0eae0; color: #a0754a; }\n  .track-segment.seg-silver { background: #eaf6ea; color: #669933; }\n  .track-segment.seg-gold   { background: #fff8e0; color: #FFB800; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE: TABLET (max-width: 768px)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 768px) {\n    \/* HERO *\/\n    .page-header { min-height: 200px; }\n    .page-header .header-inner { padding: 40px 16px; }\n    .header-sub { font-size: 14px; }\n    .hero-anchors a { padding: 10px 16px; font-size: 12px; }\n\n    \/* PAKETE *\/\n    .pakete-wrapper { padding: 40px 16px; }\n    .pakete-section-bg .pakete-wrapper { padding: 0 16px; }\n    .paket-card { padding: 20px; }\n    .paket-image-header { height: 220px; margin: -20px -20px 0 -20px; }\n    .paket-dark .paket-highlight-strip { margin-top: -10px; }\n    .paket-price { font-size: 42px; }\n    .paket-price sup { font-size: 22px; }\n    .section-heading h2 { font-size: 26px; }\n    .section-heading p { font-size: 14px; }\n    .paket-highlight-strip { flex-wrap: wrap; }\n    .section-heading { padding-top: 36px; }\n\n    \/* KPI KONFIGURATOR *\/\n    .conf-benefits-grid { grid-template-columns: 1fr; }\n\n    \/* EINZELKAUF \/ CORPORATE PURPOSE DESIGNER *\/\n    .einzelkauf-section-bg { padding: 36px 0; }\n    .einzelkauf-section-bg .einzelbaum-wrapper { padding: 0 16px; }\n    .eb-impact-selector { grid-template-columns: repeat(3, 1fr); }\n    .eb-impact-btn { min-height: 130px; padding: 14px 8px; }\n    .eb-impact-name { font-size: 13px; }\n    .eb-card { padding: 18px; }\n    .eb-summary-qty-row { font-size: 38px; }\n    .eb-price-main { font-size: 32px; }\n    .eb-price-main sup { font-size: 18px; }\n    .eb-qty-num { font-size: 36px; }\n    .eb-qty-impact-val { font-size: 28px; }\n\n    \/* DIVIDER *\/\n\n    \/* PAKETE SECTION BG *\/\n    .pakete-section-bg { padding: 36px 0; }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE: PHONE (max-width: 480px)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 480px) {\n    \/* HERO *\/\n    .page-header { min-height: 180px; }\n    .page-header .header-inner { padding: 32px 12px; }\n    .header-eyebrow { font-size: 10px; letter-spacing: 2px; }\n    .header-sub { font-size: 13px; }\n    .hero-anchors { gap: 8px; }\n    .hero-anchors a {\n      padding: 10px 14px; font-size: 11px;\n      flex: 1 1 auto; text-align: center; min-width: 140px;\n    }\n    .tree-deco { display: none; }\n\n    \/* PAKETE *\/\n    .pakete-wrapper { padding: 28px 12px; }\n    .pakete-section-bg .pakete-wrapper { padding: 0 12px; }\n    .pakete-section-bg { padding: 28px 0; }\n    .pakete-grid { max-width: 100%; }\n    .paket-card { padding: 16px; }\n    .paket-image-header { height: 180px; margin: -16px -16px 0 -16px; }\n    .paket-dark .paket-highlight-strip { margin-top: -8px; }\n    .paket-image-overlay { padding: 14px 16px; }\n    .paket-image-overlay .paket-tier { font-size: 17px; }\n    .paket-price { font-size: 36px; }\n    .paket-price sup { font-size: 20px; }\n    .paket-cta { padding: 14px; font-size: 13px; min-height: 48px; }\n    .paket-includes { padding: 12px 14px; }\n    .paket-highlight-strip { padding: 10px 12px; gap: 8px; }\n    .paket-bonus-badge { font-size: 10px; padding: 3px 8px; }\n    .section-heading { padding-top: 28px; }\n    .section-heading h2 { font-size: 22px; }\n    .section-heading p { font-size: 13px; padding: 0 4px; }\n    .pakete-footer { flex-direction: column; gap: 8px; font-size: 13px; }\n    .pakete-eyebrow { margin-bottom: 28px; }\n\n    \/* KPI KONFIGURATOR *\/\n    .conf-level-header { gap: 10px; }\n    .conf-level-name { font-size: 15px; }\n    .conf-benefit-item { padding: 8px 10px; }\n    .track-segment { font-size: 8px; letter-spacing: 0.5px; padding: 3px 1px; }\n\n    \/* EINZELKAUF \/ CORPORATE PURPOSE DESIGNER *\/\n    .einzelkauf-section-bg { padding: 28px 0; }\n    .einzelkauf-section-bg .einzelbaum-wrapper { padding: 0 12px; }\n    .einzelbaum-header { margin-bottom: 20px; gap: 16px; }\n    .einzelbaum-grid { gap: 20px; }\n    .eb-impact-selector { grid-template-columns: 1fr; gap: 8px; }\n    .eb-impact-btn { min-height: 96px; padding: 14px 12px; }\n    .eb-impact-name { font-size: 14px; }\n    .eb-impact-unit { font-size: 11px; }\n    .eb-country-grid { grid-template-columns: 1fr; }\n    .eb-country-btn { padding: 12px; }\n    .eb-card { padding: 16px; }\n    .eb-card-label { font-size: 12px; }\n    .eb-freq-btn { padding: 16px 8px; }\n    .eb-freq-name { font-size: 13px; }\n    .eb-qty-num { font-size: 30px; }\n    .eb-qty-impact { margin-left: 0; padding-left: 0; border-left: none; width: 100%; }\n    .eb-qty-impact-val { font-size: 24px; }\n    .eb-manual-input { width: 92px; font-size: 14px; }\n    .eb-threshold-hint { font-size: 11px; padding: 3px 10px; }\n    .eb-summary-card { border-radius: 16px; }\n    .eb-summary-top { padding: 18px 14px; }\n    .eb-summary-country { font-size: 17px; }\n    .eb-summary-qty-row { font-size: 34px; }\n    .eb-primary-impact { padding: 10px 14px; }\n    .eb-primary-impact-val { font-size: 22px; }\n    .eb-price-row { padding: 12px 14px 4px; }\n    .eb-price-main { font-size: 28px; }\n    .eb-price-main sup { font-size: 16px; }\n    .eb-cta-btn { width: calc(100% - 28px); margin: 10px 14px; padding: 14px; font-size: 13px; min-height: 48px; }\n    .eb-trust-row { padding: 0 14px 10px; }\n    .eb-upsell { margin: 0 14px 14px; padding: 10px 12px; font-size: 11px; }\n\n    \/* DIVIDER *\/\n\n    \/* TOUCH TARGETS *\/\n    .tab-btn { padding: 14px 6px; min-height: 48px; }\n\n    \/* LONG GERMAN WORDS *\/\n    .conf-benefit-text h4,\n    .eb-impact-name,\n    .paket-trees,\n    .eb-country-name { overflow-wrap: break-word; word-break: break-word; }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE: SMALLEST PHONES (max-width: 360px)\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 360px) {\n    .page-header h1 { font-size: 24px; }\n    .paket-price { font-size: 30px; }\n    .paket-price sup { font-size: 18px; }\n    .paket-image-header { height: 160px; }\n    .eb-summary-qty-row { font-size: 28px; }\n    .eb-price-main { font-size: 24px; }\n    .eb-qty-num { font-size: 26px; }\n    .eb-qty-impact-val { font-size: 22px; }\n    .eb-freq-grid { grid-template-columns: 1fr; }\n    .hero-anchors a { min-width: 120px; font-size: 10px; }\n    .section-heading h2 { font-size: 20px; }\n  }\n<\/style>\n\n<script>\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \/\/  PREISANZEIGE GEWERBE \/ PRIVAT\n  \/\/  Liest den Cookie des Shortcodes <div class=\"preisanzeige-umschalter\" data-modus=\"gewerbe\"><button type=\"button\" class=\"preisanzeige-umschalter__label preisanzeige-umschalter__label--gewerbe is-active\" data-modus=\"gewerbe\">Gewerbe<\/button><button type=\"button\" class=\"preisanzeige-umschalter__switch\" role=\"switch\" aria-checked=\"false\" aria-label=\"Preisanzeige: Privat\"><span class=\"preisanzeige-umschalter__knob\" aria-hidden=\"true\"><\/span><\/button><button type=\"button\" class=\"preisanzeige-umschalter__label preisanzeige-umschalter__label--privat\" data-modus=\"privat\">Privat<\/button><\/div>.\n  \/\/  Standard ist immer \"gewerbe\" (netto).\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  var CAT_MODE = (function () {\n    var m = document.cookie.match(\/(?:^|;\\s*)preisanzeige_modus=([^;]*)\/);\n    var v = m ? decodeURIComponent(m[1]) : '';\n    if (!v && document.body && document.body.classList.contains('preisanzeige-privat')) v = 'privat';\n    return v === 'privat' ? 'privat' : 'gewerbe';\n  })();\n  var IS_PRIVAT    = (CAT_MODE === 'privat');\n  var CAT_VAT      = 0.19;                          \/\/ Mehrwertsteuersatz\n  var PRICE_FACTOR = IS_PRIVAT ? (1 + CAT_VAT) : 1; \/\/ Privat = brutto\n\n  \/\/ Modus-Klasse sofort auf den Wrapper setzen (R\u00fcckfall, falls das Theme keine Body-Klassen ausgibt)\n  (function () {\n    var w = document.querySelector('.impact-page-wrapper');\n    if (w) w.classList.add(IS_PRIVAT ? 'modus-privat' : 'modus-gewerbe');\n  })();\n\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \/\/  SPRACHERKENNUNG (WPML) \u2014 Deutsch ist immer der Fallback\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  var CAT_LANG = (function () {\n    \/\/ 1. WPML gibt ICL_LANGUAGE_CODE im Frontend aus, sofern verf\u00fcgbar\n    if (typeof window.ICL_LANGUAGE_CODE === 'string' && window.ICL_LANGUAGE_CODE) {\n      return window.ICL_LANGUAGE_CODE.toLowerCase().slice(0, 2);\n    }\n    \/\/ 2. <html lang=\"en-GB\"> \u2014 von WordPress pro \u00dcbersetzung gesetzt\n    var htmlLang = document.documentElement.getAttribute('lang');\n    if (htmlLang) return htmlLang.toLowerCase().slice(0, 2);\n    \/\/ 3. URL-Pr\u00e4fix \/en\/\n    var m = window.location.pathname.match(\/^\\\/([a-z]{2})(\\\/|$)\/);\n    if (m) return m[1];\n    return 'de';\n  })();\n\n  var IS_EN      = (CAT_LANG === 'en');\n  var CAT_LOCALE = IS_EN ? 'en-GB' : 'de-DE';   \/\/ Zahlenformat\n  var CAT_HOME   = IS_EN ? '\/en\/'  : '\/';       \/\/ TODO: an WPML-Sprachpr\u00e4fix anpassen\n\n  \/\/ Verlinkte Unterseiten je Sprache.\n  \/\/ TODO: englische URLs eintragen, sobald die \u00dcbersetzungen live sind.\n  \/\/       Leerer String = automatischer R\u00fcckfall auf die deutsche URL.\n  var CAT_LINKS_MAP = {\n    de: { methodik: 'https:\/\/clickatree.com\/zahlen-daten-fakten\/', kontakt: 'https:\/\/clickatree.com\/kontakt\/' },\n    en: { methodik: '',                                            kontakt: '' }\n  };\n  function catLink(key) {\n    var en = CAT_LINKS_MAP.en[key];\n    return (IS_EN && en) ? en : CAT_LINKS_MAP.de[key];\n  }\n\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \/\/  W\u00d6RTERBUCH \u2014 alle dynamisch erzeugten Texte\n  \/\/  (statische Texte stehen als data-en direkt im HTML)\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  var CAT_I18N = {\n    de: {\n      lvl: {\n        holz:   { badge: 'Holz',   name: 'Einstieg',               sub: 'Erster Schritt in die Partnerschaft' },\n        bronze: { badge: 'Bronze', name: 'Marketing Starter',      sub: 'Sichtbarkeit f\u00fcr nachhaltige Marken' },\n        silver: { badge: 'Silber', name: 'Brand Builder',          sub: 'Maximale Sichtbarkeit & ESG-Reporting' },\n        gold:   { badge: 'Gold',   name: 'Social Impact Champion', sub: 'Maximaler Impact & Premium-Pr\u00e4senz' }\n      },\n      ben: {\n        account:      ['Zugang Impact Account',        'Ihr pers\u00f6nliches Impact-Dashboard'],\n        cert:         ['Impact-Zertifikat',            'J\u00e4hrliches PDF-Zertifikat'],\n        photos:       ['5 Standardfotos',              'Lizenzfreie Social-Media-Bilder'],\n        mail:         ['E-Mail Support',               'Direkte Ansprechpartnerin'],\n        logo:         ['Click A Tree Logonutzung',     'Offizielles Partner-Logo f\u00fcr alle Kan\u00e4le'],\n        updates:      ['Regelm\u00e4\u00dfige Updates',          'Aktuelle Infos zu Ihrem Projekt'],\n        gps:          ['GPS-Koordinaten',              'Exakte Standorte Ihrer B\u00e4ume'],\n        prio:         ['Priorit\u00e4ts-Support',           'Direkter Draht zu Ihrer Ansprechpartnerin'],\n        photosCustom: ['Personalisiertes Bildmaterial','Individuelle Fotos ab 1.000 B\u00e4umen'],\n        certTpl:      ['Zertifikatsvorlage',           'Personalisierte Zertifikate f\u00fcr Ihre Kunden'],\n        api:          ['API-Anbindung',                'Live-Daten & automatisiertes ESG-Reporting'],\n        allBronze:    ['Alle Bronze-Vorteile',         'Logo, Updates, GPS & mehr'],\n        onboarding:   ['Onboarding Call',              'Dedizierter Success Manager f\u00fcr Sie'],\n        ecom:         ['E-Commerce-Integration',       'Nahtlose Anbindung an Ihren Shop'],\n        events:       ['Baumpflanzevents',             'Priorisierter Zugang zu Events in Deutschland'],\n        allSilver:    ['Alle Silber-Vorteile',         'API, Bildmaterial, Zertifikate & mehr']\n      },\n      impacts: {\n        baeume:  ['B\u00e4ume pflanzen',  'Artenvielfalt & Biodiversit\u00e4t sch\u00fctzen'],\n        plastik: ['Plastik sammeln', 'Meere s\u00e4ubern, Lebensr\u00e4ume sichern'],\n        co2:     ['CO\u2082 binden',      'Aktiv den Klimawandel bek\u00e4mpfen']\n      },\n      countries: {\n        ghana:       { name: 'Ghana',       prep: 'in',      highlights: ['Trockenzonen', 'Lokale B\u00e4uerinnen', 'Bildungskomponente'] },\n        philippinen: { name: 'Philippinen', prep: 'auf den', highlights: ['Mangroven', 'Plastiksammlung', 'K\u00fcstenschutz'] },\n        thailand:    { name: 'Thailand',    prep: 'in',      highlights: ['Regenwald', 'H\u00f6chste CO\u2082-Bindung', 'Elefantenschutz'] },\n        deutschland: { name: 'Deutschland', prep: 'in',      highlights: ['Heimisch', 'Bl\u00fchwiesen', 'Biodiversit\u00e4t'] }\n      },\n      units: { plastik: 'Kilogramm Plastik', plastikShort: 'kg', co2: 'Tonnen CO\u2082', co2Short: 't' },\n      treeWord: function (n) { return n === 1 ? 'Baum' : 'B\u00e4ume'; },\n      countryPrice:             function (p) { return p + ' \u20ac netto \/ Baum'; },\n      countryPricePlastic:      function (p) { return p + ' \u20ac netto pro Kilogramm Plastik'; },\n      countryPriceGross:        function (p) { return p + ' \u20ac \/ Baum inkl. MwSt.'; },\n      countryPricePlasticGross: function (p) { return p + ' \u20ac pro Kilogramm Plastik inkl. MwSt.'; },\n      plasticBonus:        'Zus\u00e4tzlich wird 1 Mangrovenbaum gepflanzt',\n      perTreeUnit:         function (v, u) { return v + ' ' + u + ' \/ Baum'; },\n      perThousandUnit:     function (v, u) { return v + ' ' + u + ' \/ 1.000 B\u00e4ume'; },\n      notAvailable:        'nicht verf\u00fcgbar',\n      countriesAvailable:  function (n) { return n + ' ' + (n === 1 ? 'Land' : 'L\u00e4nder') + ' verf\u00fcgbar'; },\n      thresholdHint:       function (n, badge) { return 'Noch ' + n + ' ' + (n === 1 ? 'Baum' : 'B\u00e4ume') + ' bis ' + badge; },\n      maxLevel:            'H\u00f6chstes Level erreicht!',\n      freqMonthly:         'Monatlich',\n      freqOnce:            'Einmalig',\n      priceSubMonthly:      'pro Monat \u00b7 zzgl. MwSt.',\n      priceSubOnce:         'einmalige Zahlung \u00b7 zzgl. MwSt.',\n      priceSubMonthlyGross: 'pro Monat \u00b7 inkl. MwSt.',\n      priceSubOnceGross:    'einmalige Zahlung \u00b7 inkl. MwSt.',\n      perTreeNet:          'netto pro Baum',\n      perTreeGross:        'pro Baum inkl. MwSt.',\n      discountBadge:       function (pct) { return '\\u2212' + pct + '% Mengenrabatt'; },\n      discountHint:        function (pct) { return 'Mit Abo monatlich \\u2212' + pct + '% sparen'; },\n      naIn:                function (c) { return 'n\/a in ' + c; },\n      cta: function (freq, impact, q, amountStr, prep, country) {\n        var core;\n        if (impact === 'plastik' && amountStr)  core = amountStr + ' kg Plastik ' + prep + ' ' + country + ' sammeln lassen';\n        else if (impact === 'co2' && amountStr) core = amountStr + ' t CO\u2082 ' + prep + ' ' + country + ' binden lassen';\n        else core = q + ' ' + (q === 1 ? 'Baum' : 'B\u00e4ume') + ' ' + prep + ' ' + country + ' pflanzen';\n        return (freq === 'monatlich' ? 'Jetzt monatlich ' : 'Jetzt ') + core;\n      },\n      upsellEnterprise: function (link) {\n        return 'Sie m\u00f6chten mehr Impact machen? <a href=\"' + link + '\" target=\"_blank\" rel=\"noopener\">Kontaktieren Sie uns<\/a> f\u00fcr unsere individuellen Enterprise-L\u00f6sungen.';\n      },\n      upsellGold:   function (q) { return 'Sie pflanzen ' + q + ' B\u00e4ume! Mit einem <strong>Gold-Abo<\/strong> sparen Sie und erhalten Premium-Vorteile inkl. Success Manager.'; },\n      upsellSilver: function (q) { return 'Sie pflanzen ' + q + ' B\u00e4ume! Mit einem <strong>Silber-Abo<\/strong> sparen Sie und erhalten personalisiertes Bildmaterial & mehr.'; },\n      upsellBronze: function (q) { return 'Sie pflanzen ' + q + ' B\u00e4ume! Mit einem <strong>Bronze-Abo<\/strong> sparen Sie und erhalten exklusive Marketing-Assets.'; },\n      upsellBase:   'Ab 9 B\u00e4umen \/ Monat erreichen Sie den <strong>Bronze-Status<\/strong> \u2014 mit Logo-Nutzung & mehr.',\n      co2NoteText:  'Alle CO\u2082-Werte basieren auf projektspezifischen Daten \u2014 ',\n      co2NoteLink:  'Unsere CO\u2082-Berechnungsmethodik',\n      cartAdding:   'Wird hinzugef\u00fcgt\u2026',\n      cartAdded:    'Hinzugef\u00fcgt \u2713',\n      treesLabel:   'B\u00e4ume'\n    },\n\n    en: {\n      lvl: {\n        holz:   { badge: 'Wood',   name: 'Entry level',            sub: 'Your first step into the partnership' },\n        bronze: { badge: 'Bronze', name: 'Marketing Starter',      sub: 'Visibility for sustainable brands' },\n        silver: { badge: 'Silver', name: 'Brand Builder',          sub: 'Maximum visibility & ESG reporting' },\n        gold:   { badge: 'Gold',   name: 'Social Impact Champion', sub: 'Maximum impact & premium presence' }\n      },\n      ben: {\n        account:      ['Impact Account access',    'Your personal impact dashboard'],\n        cert:         ['Impact certificate',       'Annual PDF certificate'],\n        photos:       ['5 standard photos',        'Royalty-free social media images'],\n        mail:         ['Email support',            'A direct contact person'],\n        logo:         ['Click A Tree logo usage',  'Official partner logo for all your channels'],\n        updates:      ['Regular updates',          'Current news from your project'],\n        gps:          ['GPS coordinates',          'The exact locations of your trees'],\n        prio:         ['Priority support',         'A direct line to your contact person'],\n        photosCustom: ['Personalised imagery',     'Custom photos from 1,000 trees'],\n        certTpl:      ['Certificate template',     'Personalised certificates for your customers'],\n        api:          ['API integration',          'Live data & automated ESG reporting'],\n        allBronze:    ['All Bronze benefits',      'Logo, updates, GPS & more'],\n        onboarding:   ['Onboarding call',          'A dedicated success manager for you'],\n        ecom:         ['E-commerce integration',   'Seamless connection to your shop'],\n        events:       ['Tree-planting events',     'Priority access to events in Germany'],\n        allSilver:    ['All Silver benefits',      'API, imagery, certificates & more']\n      },\n      impacts: {\n        baeume:  ['Plant trees',    'Protect species and biodiversity'],\n        plastik: ['Collect plastic','Clean the oceans, secure habitats'],\n        co2:     ['Capture CO\u2082',    'Actively fight climate change']\n      },\n      countries: {\n        ghana:       { name: 'Ghana',       prep: 'in',     highlights: ['Dry zones', 'Local women farmers', 'Education component'] },\n        philippinen: { name: 'Philippines', prep: 'in the', highlights: ['Mangroves', 'Plastic collection', 'Coastal protection'] },\n        thailand:    { name: 'Thailand',    prep: 'in',     highlights: ['Rainforest', 'Highest CO\u2082 capture', 'Elephant protection'] },\n        deutschland: { name: 'Germany',     prep: 'in',     highlights: ['Native species', 'Wildflower meadows', 'Biodiversity'] }\n      },\n      units: { plastik: 'kilograms of plastic', plastikShort: 'kg', co2: 'tonnes of CO\u2082', co2Short: 't' },\n      treeWord: function (n) { return n === 1 ? 'tree' : 'trees'; },\n      countryPrice:             function (p) { return '\u20ac' + p + ' net \/ tree'; },\n      countryPricePlastic:      function (p) { return '\u20ac' + p + ' net per kilogram of plastic'; },\n      countryPriceGross:        function (p) { return '\u20ac' + p + ' \/ tree incl. VAT'; },\n      countryPricePlasticGross: function (p) { return '\u20ac' + p + ' per kilogram of plastic incl. VAT'; },\n      plasticBonus:        '1 mangrove tree is planted on top',\n      perTreeUnit:         function (v, u) { return v + ' ' + u + ' \/ tree'; },\n      perThousandUnit:     function (v, u) { return v + ' ' + u + ' \/ 1,000 trees'; },\n      notAvailable:        'not available',\n      countriesAvailable:  function (n) { return n + ' ' + (n === 1 ? 'country' : 'countries') + ' available'; },\n      thresholdHint:       function (n, badge) { return n + ' more ' + (n === 1 ? 'tree' : 'trees') + ' to reach ' + badge; },\n      maxLevel:            'Highest level reached!',\n      freqMonthly:         'Monthly',\n      freqOnce:            'One-off',\n      priceSubMonthly:      'per month \u00b7 plus VAT',\n      priceSubOnce:         'one-off payment \u00b7 plus VAT',\n      priceSubMonthlyGross: 'per month \u00b7 incl. VAT',\n      priceSubOnceGross:    'one-off payment \u00b7 incl. VAT',\n      perTreeNet:          'net per tree',\n      perTreeGross:        'per tree incl. VAT',\n      discountBadge:       function (pct) { return '\\u2212' + pct + '% volume discount'; },\n      discountHint:        function (pct) { return 'Save \\u2212' + pct + '% with a monthly plan'; },\n      naIn:                function (c) { return 'n\/a in ' + c; },\n      cta: function (freq, impact, q, amountStr, prep, country) {\n        var suffix = (freq === 'monatlich') ? ' every month' : ' now';\n        if (impact === 'plastik' && amountStr)  return 'Collect ' + amountStr + ' kg of plastic ' + prep + ' ' + country + suffix;\n        if (impact === 'co2' && amountStr)      return 'Capture ' + amountStr + ' t of CO\u2082 ' + prep + ' ' + country + suffix;\n        return 'Plant ' + q + ' ' + (q === 1 ? 'tree' : 'trees') + ' ' + prep + ' ' + country + suffix;\n      },\n      upsellEnterprise: function (link) {\n        return 'Want to create even more impact? <a href=\"' + link + '\" target=\"_blank\" rel=\"noopener\">Get in touch<\/a> to discuss our custom enterprise solutions.';\n      },\n      upsellGold:   function (q) { return \"You're planting \" + q + ' trees! A <strong>Gold plan<\/strong> saves you money and adds premium benefits including a success manager.'; },\n      upsellSilver: function (q) { return \"You're planting \" + q + ' trees! A <strong>Silver plan<\/strong> saves you money and adds personalised imagery & more.'; },\n      upsellBronze: function (q) { return \"You're planting \" + q + ' trees! A <strong>Bronze plan<\/strong> saves you money and adds exclusive marketing assets.'; },\n      upsellBase:   'From 9 trees \/ month you reach <strong>Bronze status<\/strong> \u2014 including logo usage & more.',\n      co2NoteText:  'All CO\u2082 figures are based on project-specific data \u2014 ',\n      co2NoteLink:  'Our CO\u2082 calculation methodology',\n      cartAdding:   'Adding\u2026',\n      cartAdded:    'Added \u2713',\n      treesLabel:   'trees'\n    }\n  };\n\n  var S = CAT_I18N[IS_EN ? 'en' : 'de'];\n\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \/\/  STATISCHE TEXTE \u00dcBERSETZEN (data-en \/ data-en-alt \/ data-en-aria)\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  function translateStatic() {\n    if (!IS_EN) return;\n    document.querySelectorAll('[data-en]').forEach(function (el) {\n      el.innerHTML = el.getAttribute('data-en');\n    });\n    document.querySelectorAll('[data-en-alt]').forEach(function (el) {\n      el.setAttribute('alt', el.getAttribute('data-en-alt'));\n    });\n    document.querySelectorAll('[data-en-aria]').forEach(function (el) {\n      el.setAttribute('aria-label', el.getAttribute('data-en-aria'));\n    });\n    \/\/ CO\u2082-Methodik-Hinweis\n    setText('ebImpactNoteText', S.co2NoteText);\n    var noteLink = document.getElementById('ebImpactNoteLink');\n    if (noteLink) { noteLink.textContent = S.co2NoteLink; noteLink.href = catLink('methodik'); }\n  }\n\n  \/\/ Zahlen- und Preisformat\n  function money(v, dec) {\n    var n = v.toLocaleString(CAT_LOCALE, {\n      minimumFractionDigits: dec || 0,\n      maximumFractionDigits: dec || 0\n    });\n    return IS_EN ? '\u20ac' + n : n + ' \u20ac';\n  }\n\n  \/\/ Preis ohne Nachkommastellen, wenn glatt \u2014 sonst immer 2 Stellen (z. B. 5,95)\n  function fmtPrice(v) {\n    var dec = (Math.round(v * 100) % 100 === 0) ? 0 : 2;\n    return v.toLocaleString(CAT_LOCALE, { minimumFractionDigits: dec, maximumFractionDigits: dec });\n  }\n  function moneyAuto(v) {\n    return IS_EN ? '\u20ac' + fmtPrice(v) : fmtPrice(v) + ' \u20ac';\n  }\n\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \/\/  LOYALTY LEVELS (f\u00fcr den Einzelkauf-Konfigurator)\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  var SVG_ICON = {\n    shield:   '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>',\n    doc:      '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>',\n    docLines: '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>',\n    camera:   '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg>',\n    image:    '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>',\n    mail:     '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22 6 12 13 2 6\"\/><\/svg>',\n    headset:  '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/><\/svg>',\n    code:     '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>',\n    star:     '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>',\n    pin:      '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>'\n  };\n\n  function ben(key, icon, highlight) {\n    return { icon: SVG_ICON[icon], h: !!highlight, title: S.ben[key][0], desc: S.ben[key][1] };\n  }\n\n  var CONF_LEVELS = [\n    {\n      key: 'holz', minTrees: 1, color: '#8B7355',\n      badge: S.lvl.holz.badge, name: S.lvl.holz.name, sub: S.lvl.holz.sub,\n      benefits: [\n        ben('account', 'shield', true),\n        ben('cert',    'doc'),\n        ben('photos',  'camera'),\n        ben('mail',    'mail')\n      ]\n    },\n    {\n      key: 'bronze', minTrees: 9, color: '#a0754a',\n      badge: S.lvl.bronze.badge, name: S.lvl.bronze.name, sub: S.lvl.bronze.sub,\n      benefits: [\n        ben('logo',    'shield', true),\n        ben('updates', 'docLines'),\n        ben('gps',     'image'),\n        ben('prio',    'headset', true)\n      ]\n    },\n    {\n      key: 'silver', minTrees: 84, color: '#8E8E93',\n      badge: S.lvl.silver.badge, name: S.lvl.silver.name, sub: S.lvl.silver.sub,\n      benefits: [\n        ben('photosCustom', 'camera', true),\n        ben('certTpl',      'doc', true),\n        ben('api',          'code'),\n        ben('allBronze',    'star')\n      ]\n    },\n    {\n      key: 'gold', minTrees: 417, color: '#FFB800',\n      badge: S.lvl.gold.badge, name: S.lvl.gold.name, sub: S.lvl.gold.sub,\n      benefits: [\n        ben('onboarding', 'headset', true),\n        ben('ecom',       'code', true),\n        ben('events',     'pin'),\n        ben('allSilver',  'star')\n      ]\n    }\n  ];\n\n  function getLevelForTrees(n) {\n    for (var i = CONF_LEVELS.length - 1; i >= 0; i--) {\n      if (n >= CONF_LEVELS[i].minTrees) return CONF_LEVELS[i];\n    }\n    return CONF_LEVELS[0];\n  }\n\n  function renderBenefitsInto(gridId, lvl) {\n    var bg = document.getElementById(gridId);\n    if (!bg) return;\n    bg.innerHTML = lvl.benefits.map(function (b, i) {\n      return '<div class=\"conf-benefit-item\" style=\"animation-delay:' + (i * 0.06) + 's\">' +\n        '<div class=\"conf-benefit-icon ' + (b.h ? 'highlight' : '') + '\" style=\"background:' + (b.h ? lvl.color : lvl.color + '30') + '\">' +\n        (b.h ? b.icon : b.icon.replace(\/stroke=\"#fff\"\/g, 'stroke=\"' + lvl.color + '\"')) + '<\/div>' +\n        '<div class=\"conf-benefit-text\"><h4>' + b.title + '<\/h4><p>' + b.desc + '<\/p><\/div><\/div>';\n    }).join('');\n  }\n\n  \/\/ \u2500\u2500\u2500 WOOCOMMERCE PRODUCT IDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  \/\/ Deutsche Original-Produkte\n  \/\/ TODO: Produkt-IDs der Privat-Pakete (privatperson, forstfreundin, waldmacher) eintragen.\n  \/\/       Leer = R\u00fcckfall auf das Abo-Produkt des Landes mit der Paket-Baumanzahl\n  \/\/       (dann ohne Paket-Preisvorteil im Warenkorb).\n  var WC_PRODUCTS_DE = {\n    pakete: { starter: '35518', brand: '35519', champion: '35520', privatperson: '', forstfreundin: '', waldmacher: '' },\n    abo:    { ghana: '15915', philippinen: '15909', thailand: '15917', deutschland: '28339' },\n    einmal: { ghana: '15660', philippinen: '15916', thailand: '15910', deutschland: '28337' }\n  };\n  \/\/ TODO: Englische WPML-\u00dcbersetzungs-IDs eintragen.\n  \/\/       Leer lassen = es wird die deutsche ID benutzt (WooCommerce Multilingual\n  \/\/       mappt die \u00dcbersetzung in vielen Setups selbst, eigene IDs sind sicherer).\n  var WC_PRODUCTS_EN = {\n    pakete: { starter: '', brand: '', champion: '', privatperson: '', forstfreundin: '', waldmacher: '' },\n    abo:    { ghana: '', philippinen: '', thailand: '', deutschland: '' },\n    einmal: { ghana: '', philippinen: '', thailand: '', deutschland: '' }\n  };\n  function wcId(group, key) {\n    if (IS_EN && WC_PRODUCTS_EN[group] && WC_PRODUCTS_EN[group][key]) {\n      return WC_PRODUCTS_EN[group][key];\n    }\n    return WC_PRODUCTS_DE[group][key];\n  }\n\n  \/\/ R\u00fcckfall f\u00fcr Privat-Pakete ohne eigenes Produkt: Land + Baumanzahl\n  var PRIVAT_PAKET_FALLBACK = {\n    privatperson:  { country: 'thailand',    qty: 2 },\n    forstfreundin: { country: 'philippinen', qty: 5 },\n    waldmacher:    { country: 'ghana',       qty: 12 }\n  };\n\n  \/\/ WooCommerce-AJAX-Endpoint sprachrichtig aufl\u00f6sen\n  function wcAjaxUrl(endpoint) {\n    if (typeof wc_add_to_cart_params !== 'undefined' && wc_add_to_cart_params.wc_ajax_url) {\n      return wc_add_to_cart_params.wc_ajax_url.replace('%%endpoint%%', endpoint);\n    }\n    return CAT_HOME + '?wc-ajax=' + endpoint;\n  }\n\n  \/\/ \u2500\u2500\u2500 AJAX ADD-TO-CART (bleibt auf der Seite) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  function wcAddToCart(productId, quantity, btnEl) {\n    var origText = btnEl ? btnEl.textContent : '';\n    if (btnEl) { btnEl.textContent = S.cartAdding; btnEl.disabled = true; }\n\n    fetch(wcAjaxUrl('add_to_cart'), {\n      method: 'POST',\n      credentials: 'same-origin',\n      headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n      body: 'product_id=' + productId + '&quantity=' + quantity\n    })\n    .then(function (r) { return r.json(); })\n    .then(function (data) {\n      if (data.error) {\n        window.location.href = CAT_HOME + '?add-to-cart=' + productId + '&quantity=' + quantity;\n        return;\n      }\n      if (data.fragments) {\n        Object.keys(data.fragments).forEach(function (key) {\n          document.querySelectorAll(key).forEach(function (el) { el.outerHTML = data.fragments[key]; });\n        });\n      }\n      if (data.cart_hash) {\n        document.querySelectorAll('.cart-contents .count, .cart-count').forEach(function (el) {\n          var current = parseInt(el.textContent) || 0;\n          el.textContent = current + quantity;\n        });\n      }\n      if (btnEl) {\n        btnEl.textContent = S.cartAdded;\n        btnEl.style.background = '#88B36A';\n        setTimeout(function () {\n          btnEl.textContent = origText; btnEl.disabled = false; btnEl.style.background = '';\n        }, 2000);\n      }\n      if (typeof jQuery !== 'undefined') {\n        jQuery(document.body).trigger('wc_fragment_refresh');\n        jQuery(document.body).trigger('added_to_cart', [data.fragments, data.cart_hash]);\n      }\n    })\n    .catch(function () {\n      window.location.href = CAT_HOME + '?add-to-cart=' + productId + '&quantity=' + quantity;\n    });\n  }\n\n  \/\/ \u2500\u2500\u2500 PAKET SELECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  function selectPaket(paket, btnEl) {\n    var pid = wcId('pakete', paket);\n    if (pid) { wcAddToCart(pid, 1, btnEl); return; }\n\n    \/\/ Privat-Paket ohne eigenes Produkt \u2192 Abo-Produkt des Landes mit Baumanzahl\n    var fb = PRIVAT_PAKET_FALLBACK[paket];\n    if (fb) {\n      var aboId = wcId('abo', fb.country);\n      if (aboId) wcAddToCart(aboId, fb.qty, btnEl);\n    }\n  }\n\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  \/\/  EINZELKAUF \u2014 IMPACT FIRST \u2192 COUNTRY FILTER\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n  var IMPACT_IMAGES = {\n    baeume:  'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/08\/click-a-tree-ghana-scaled-e1786643025745.jpg',\n    co2:     'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/2205-Click-A-Tree-Reforesting-Thailand-4-scaled.webp',\n    arbeit:  'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Click-A-Tree-Reforesting-Ghana-2020-017-scaled.webp',\n    plastik: 'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/08\/click-a-tree-turtle-scaled-e1786643013719.jpg',\n    bildung: 'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Click-A-Tree-Entrepreneurship-School-Ghana-2020-018-scaled.webp',\n    flaeche: 'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/PXL_20230809_064818234-scaled.webp'\n  };\n\n  var COUNTRY_IMAGES = {\n    ghana:       'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Ghana-Syntropic-Farming.webp',\n    philippinen: 'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/Philippinen-Click-A-Tree-C1.2-Mangrovenbaeume.jpg-scaled.webp',\n    thailand:    'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/2105-ClickA-Tree-Thailand-02.webp',\n    deutschland: 'https:\/\/clickatree.com\/wp-content\/uploads\/2026\/03\/2503-Click-A-Tree_Baumpflanzevent-Hessen_Pflanzfeld_bei-der-Arbeit-scaled.webp'\n  };\n\n  \/\/ Ausw\u00e4hlbare Wirkungen (Schritt 1)\n  var EB_IMPACTS = {\n    baeume:  { icon: '', name: S.impacts.baeume[0],  desc: S.impacts.baeume[1],  field: 'baeume',  color: '#669933' },\n    plastik: { icon: '', name: S.impacts.plastik[0], desc: S.impacts.plastik[1], field: 'plastik', color: '#8cca4d' },\n    co2:     { icon: '', name: S.impacts.co2[0],     desc: S.impacts.co2[1],     field: 'co2',     color: '#669933' }\n  };\n\n  \/\/ Country data \u2014 Namen, Pr\u00e4position und Tags kommen aus dem W\u00f6rterbuch\n  \/\/ pricePerTree ist immer der NETTO-Preis; brutto wird \u00fcber PRICE_FACTOR berechnet\n  var EB_COUNTRIES = {\n    ghana: {\n      name: S.countries.ghana.name, prep: S.countries.ghana.prep, flag: '\ud83c\uddec\ud83c\udded',\n      color: '#669933', gradFrom: '#4d7a26', gradTo: '#669933',\n      pricePerTree: 5, highlights: S.countries.ghana.highlights,\n      impacts: { co2: { val: 0.48, unit: 't CO\u2082' }, arbeit: { val: 0.25, unit: 'h' }, bildung: { val: 0.20, unit: 'T' }, plastik: null, flaeche: { val: 4.0, unit: 'm\u00b2' }, blueh: null }\n    },\n    philippinen: {\n      name: S.countries.philippinen.name, prep: S.countries.philippinen.prep, flag: '\ud83c\uddf5\ud83c\udded',\n      color: '#88B36A', gradFrom: '#669933', gradTo: '#88B36A',\n      pricePerTree: 5, highlights: S.countries.philippinen.highlights,\n      impacts: { co2: { val: 0.29, unit: 't CO\u2082' }, arbeit: { val: 0.25, unit: 'h' }, plastik: { val: 1.0, unit: 'kg' }, bildung: null, flaeche: { val: 1.25, unit: 'm\u00b2' }, blueh: null }\n    },\n    thailand: {\n      name: S.countries.thailand.name, prep: S.countries.thailand.prep, flag: '\ud83c\uddf9\ud83c\udded',\n      color: '#8cca4d', gradFrom: '#669933', gradTo: '#8cca4d',\n      pricePerTree: 5, highlights: S.countries.thailand.highlights,\n      impacts: { co2: { val: 0.52, unit: 't CO\u2082' }, arbeit: { val: 0.25, unit: 'h' }, plastik: null, bildung: null, flaeche: { val: 4.0, unit: 'm\u00b2' }, blueh: null }\n    },\n    deutschland: {\n      name: S.countries.deutschland.name, prep: S.countries.deutschland.prep, flag: '\ud83c\udde9\ud83c\uddea',\n      color: '#A8CC9B', gradFrom: '#88B36A', gradTo: '#A8CC9B',\n      pricePerTree: 15, highlights: S.countries.deutschland.highlights,\n      impacts: { co2: null, arbeit: null, plastik: null, bildung: null, flaeche: { val: 5.0, unit: 'm\u00b2' }, blueh: { val: 1.0, unit: 'm\u00b2' } }\n    }\n  };\n\n  var IMPACT_TO_FIELD = { baeume: null, plastik: 'plastik', co2: 'co2' };\n\n  var EB_DISPLAY_UNITS = {\n    baeume:  null,\n    plastik: { field: 'plastik', factor: 1, unit: S.units.plastik, unitShort: S.units.plastikShort },\n    co2:     { field: 'co2',     factor: 1, unit: S.units.co2,     unitShort: S.units.co2Short }\n  };\n\n  function ebImpactAmount(trees) {\n    var du = EB_DISPLAY_UNITS[ebImpact];\n    if (!du) return null;\n    var im = EB_COUNTRIES[ebCountry].impacts[du.field];\n    if (!im) return null;\n    return { val: im.val * du.factor * trees, unit: du.unit, short: du.unitShort };\n  }\n\n  var EB_DISCOUNTS = {\n    baeume:  [{ min: 480, pct: 20 }, { min: 110, pct: 10 }, { min: 21, pct: 5 }],\n    plastik: [{ min: 480, pct: 20 }, { min: 110, pct: 10 }, { min: 21, pct: 5 }],\n    co2:     [{ min: 480, pct: 20 }, { min: 110, pct: 10 }, { min: 21, pct: 5 }]\n  };\n\n  function ebDiscountPct(trees) {\n    var stufen = EB_DISCOUNTS[ebImpact] || [];\n    for (var i = 0; i < stufen.length; i++) if (trees >= stufen[i].min) return stufen[i].pct;\n    return 0;\n  }\n\n  \/\/ Zahlformat je nach Gr\u00f6\u00dfenordnung \u2014 Locale wechselt mit der Sprache\n  function fmtAmount(v) {\n    if (v >= 1000) return v.toLocaleString(CAT_LOCALE, { maximumFractionDigits: 0 });\n    if (v >= 10)   return v.toLocaleString(CAT_LOCALE, { maximumFractionDigits: 1 });\n    if (v >= 1)    return v.toLocaleString(CAT_LOCALE, { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n    return v.toLocaleString(CAT_LOCALE, { maximumFractionDigits: 3 });\n  }\n\n  var EB_SLIDER_MIN = 1;\n  var EB_SLIDER_MAX = 1000;\n\n  var ebImpact  = 'baeume';\n  var ebCountry = 'ghana';\n  var ebQty     = 10;\n  var ebFreq    = 'monatlich';\n  var lastEBLevel = null;\n\n  \/\/ \u2500\u2500 BUILD IMPACT SELECTOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  function buildImpactSelector() {\n    var el = document.getElementById('ebImpactSelector');\n    if (!el) return;\n    el.innerHTML = Object.keys(EB_IMPACTS).map(function (key) {\n      var imp = EB_IMPACTS[key];\n      var imgUrl = IMPACT_IMAGES[key] || '';\n      return '<button class=\"eb-impact-btn ' + (key === ebImpact ? 'active' : '') + '\"' +\n        ' data-impact=\"' + key + '\" onclick=\"setEBImpact(\\'' + key + '\\', this)\">' +\n        '<span class=\"eb-impact-check\">\u2713<\/span>' +\n        (imgUrl ? '<img decoding=\"async\" class=\"eb-impact-img\" src=\"' + imgUrl + '\" alt=\"' + imp.name + '\" loading=\"lazy\"><span class=\"eb-impact-overlay\"><\/span>' : '') +\n        '<span class=\"eb-impact-name\">' + imp.name + '<\/span>' +\n        '<span class=\"eb-impact-unit\">' + imp.desc + '<\/span><\/button>';\n    }).join('');\n  }\n\n  function setEBImpact(key, btn) {\n    ebImpact = key;\n    document.querySelectorAll('.eb-impact-btn').forEach(function (b) { b.classList.remove('active'); });\n    btn.classList.add('active');\n    var field = IMPACT_TO_FIELD[key];\n    if (field && EB_COUNTRIES[ebCountry].impacts[field] === null) {\n      var keys = Object.keys(EB_COUNTRIES);\n      for (var i = 0; i < keys.length; i++) {\n        if (EB_COUNTRIES[keys[i]].impacts[field] !== null) { ebCountry = keys[i]; break; }\n      }\n    }\n    buildCountryCards();\n    updateEB();\n  }\n\n  \/\/ \u2500\u2500 BUILD COUNTRY CARDS (with disabled state) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  function buildCountryCards() {\n    var grid = document.getElementById('ebCountryGrid');\n    var hint = document.getElementById('ebCountryFilterHint');\n    if (!grid) return;\n\n    var field = IMPACT_TO_FIELD[ebImpact];\n\n    var compatCount = Object.keys(EB_COUNTRIES).filter(function (k) {\n      return field === null || EB_COUNTRIES[k].impacts[field] !== null;\n    }).length;\n\n    if (hint) {\n      hint.textContent = (field && compatCount < 4) ? S.countriesAvailable(compatCount) : '';\n    }\n\n    grid.innerHTML = Object.keys(EB_COUNTRIES).map(function (key) {\n      var c = EB_COUNTRIES[key];\n      var isDisabled = field !== null && c.impacts[field] === null;\n      var isActive   = key === ebCountry && !isDisabled;\n\n      var impactLine = '';\n      if (!isDisabled && field) {\n        var du  = EB_DISPLAY_UNITS[ebImpact];\n        var per = c.impacts[field].val * (du ? du.factor : 1);\n        var su  = du ? du.unitShort : c.impacts[field].unit;\n        var txt = (per < 0.01)\n          ? S.perThousandUnit(fmtAmount(per * 1000), su)\n          : S.perTreeUnit(fmtAmount(per), su);\n        impactLine = '<span class=\"eb-country-no-impact\" style=\"color:var(--leaf);font-style:normal;font-weight:600\">' + txt + '<\/span>';\n      } else if (isDisabled) {\n        impactLine = '<span class=\"eb-country-no-impact\">' + S.notAvailable + '<\/span>';\n      }\n\n      var isPlastikPhil = (ebImpact === 'plastik' && key === 'philippinen');\n      var pStr = fmtPrice(c.pricePerTree * PRICE_FACTOR);\n      var priceLine;\n      if (isPlastikPhil) {\n        priceLine = IS_PRIVAT ? S.countryPricePlasticGross(pStr) : S.countryPricePlastic(pStr);\n      } else {\n        priceLine = IS_PRIVAT ? S.countryPriceGross(pStr) : S.countryPrice(pStr);\n      }\n      var bonusLine = isPlastikPhil ? '<span class=\"eb-country-bonus\">' + S.plasticBonus + '<\/span>' : '';\n\n      return '<button class=\"eb-country-btn ' + (isActive ? 'active' : '') + ' ' + (isDisabled ? 'disabled' : '') + '\"' +\n        ' data-country=\"' + key + '\" ' + (!isDisabled ? 'onclick=\"setEBCountry(\\'' + key + '\\', this)\"' : '') + '>' +\n        '<span class=\"eb-country-flag\">' + c.flag + '<\/span>' +\n        '<span class=\"eb-country-name\">' + c.name + '<\/span>' +\n        '<span class=\"eb-country-price\">' + priceLine + '<\/span>' +\n        (isPlastikPhil ? bonusLine : impactLine) +\n        '<div class=\"eb-country-highlights\">' +\n        c.highlights.map(function (h) { return '<span class=\"eb-country-tag\">' + h + '<\/span>'; }).join('') +\n        '<\/div><\/button>';\n    }).join('');\n  }\n\n  function setEBCountry(key, btn) {\n    ebCountry = key;\n    document.querySelectorAll('.eb-country-btn:not(.disabled)').forEach(function (b) { b.classList.remove('active'); });\n    btn.classList.add('active');\n    updateEB();\n  }\n\n  \/\/ \u2500\u2500 QUANTITY & FREQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  function setEBQty(n) {\n    ebQty = Math.max(1, Math.min(9999, parseInt(n) || 1));\n    var inp = document.getElementById('ebManualInput');\n    if (inp && document.activeElement !== inp) inp.value = ebQty;\n    var sld = document.getElementById('ebSlider');\n    if (sld && document.activeElement !== sld) sld.value = Math.min(ebQty, EB_SLIDER_MAX);\n    updateEB();\n  }\n\n  function setEBFreq(freq, btn) {\n    ebFreq = freq;\n    document.querySelectorAll('.eb-freq-btn').forEach(function (b) { b.classList.remove('active'); });\n    btn.classList.add('active');\n    updateEB();\n  }\n\n  \/\/ \u2500\u2500 LEVEL CARD IM EINZELKAUF \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  function renderEBLevel(q) {\n    var lvl = getLevelForTrees(q);\n    var changed = lvl.key !== lastEBLevel;\n\n    var badge = document.getElementById('ebLevelBadge');\n    if (badge) {\n      badge.textContent = lvl.badge;\n      badge.style.background = lvl.color;\n      if (changed) {\n        badge.style.transform = 'scale(1.15)';\n        setTimeout(function () { badge.style.transform = ''; }, 250);\n      }\n    }\n    setText('ebLevelName', lvl.name);\n    setText('ebLevelSub',  lvl.sub);\n    if (changed) renderBenefitsInto('ebBenefitsGrid', lvl);\n\n    lastEBLevel = lvl.key;\n    return lvl;\n  }\n\n  \/\/ \u2500\u2500 MAIN UPDATE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  function updateEB() {\n    var c    = EB_COUNTRIES[ebCountry];\n    var imp  = EB_IMPACTS[ebImpact];\n    var q    = ebQty;\n    var prep = c.prep || 'in';\n\n    var lvl = renderEBLevel(q);\n\n    \/\/ Slider-Track einf\u00e4rben (Privat: neutrales Gr\u00fcn statt Level-Farbe)\n    var sld = document.getElementById('ebSlider');\n    if (sld) {\n      var v = Math.min(q, EB_SLIDER_MAX);\n      var pctPos = ((v - EB_SLIDER_MIN) \/ (EB_SLIDER_MAX - EB_SLIDER_MIN)) * 100;\n      var trackColor = IS_PRIVAT ? '#669933' : lvl.color;\n      sld.style.setProperty('--slider-bg', 'linear-gradient(to right, ' + trackColor + ' ' + pctPos + '%, var(--moss) ' + pctPos + '%)');\n    }\n\n    \/\/ Threshold-Hinweis\n    var next = null;\n    for (var i = 0; i < CONF_LEVELS.length; i++) {\n      if (CONF_LEVELS[i].minTrees > q) { next = CONF_LEVELS[i]; break; }\n    }\n    setText('ebThresholdHint', next ? S.thresholdHint(next.minTrees - q, next.badge) : S.maxLevel);\n\n    \/\/ Summary header\n    var top = document.getElementById('ebSummaryTop');\n    if (top) {\n      var cImg = COUNTRY_IMAGES[ebCountry] || '';\n      top.style.background = cImg\n        ? 'linear-gradient(135deg, ' + c.gradFrom + 'cc, ' + c.gradTo + 'cc), url(\\'' + cImg + '\\') center\/cover'\n        : 'linear-gradient(135deg, ' + c.gradFrom + ', ' + c.gradTo + ')';\n    }\n    setText('ebSummaryImpactIcon', imp.icon);\n    setText('ebSummaryEyebrow',    imp.name + ' ' + prep);\n    setText('ebSummaryCountry',    c.name);\n    setText('ebSummaryQty',        q);\n    setText('ebSummaryQtyLabel',   ' ' + S.treeWord(q));\n    setText('ebSummaryFreq',       ebFreq === 'einmalig' ? S.freqOnce : S.freqMonthly);\n\n    \/\/ Counter\n    setText('ebQtyDisplay', q);\n    setText('ebQtyUnit',    S.treeWord(q));\n\n    \/\/ Wirkungsmenge in der gew\u00e4hlten Einheit\n    var amount = ebImpactAmount(q);\n    var impactBox = document.getElementById('ebQtyImpact');\n    if (impactBox) {\n      if (amount) {\n        impactBox.classList.add('visible');\n        setText('ebQtyImpactVal',  fmtAmount(amount.val));\n        setText('ebQtyImpactUnit', amount.unit);\n      } else {\n        impactBox.classList.remove('visible');\n      }\n    }\n\n    \/\/ Primary impact hero\n    var primaryVal;\n    if (amount) {\n      primaryVal = fmtAmount(amount.val) + ' ' + amount.short;\n    } else if (!EB_DISPLAY_UNITS[ebImpact]) {\n      primaryVal = q + ' ' + S.treeWord(q);\n    } else {\n      primaryVal = S.naIn(c.name);\n    }\n    setText('ebPrimaryLabel', imp.name);\n    setText('ebPrimaryVal',   primaryVal);\n\n    \/\/ CO\u2082-Methodik-Link nur bei CO\u2082-Auswahl anzeigen\n    var noteEl = document.getElementById('ebImpactNote');\n    if (noteEl) noteEl.style.display = (ebImpact === 'co2') ? 'block' : 'none';\n\n    \/\/ Preis inkl. Rabattstaffel (nur monatlich)\n    \/\/ Gewerbe: netto, auf ganze Euro gerundet \u2014 Privat: brutto (inkl. MwSt.), auf Cent gerundet\n    var base   = q * c.pricePerTree * PRICE_FACTOR;\n    var pctMax = ebDiscountPct(q);\n    var pct    = (ebFreq === 'monatlich') ? pctMax : 0;\n    var total  = IS_PRIVAT\n      ? Math.round(base * (1 - pct \/ 100) * 100) \/ 100\n      : Math.round(base * (1 - pct \/ 100));\n\n    var priceMain = document.getElementById('ebPriceMain');\n    if (priceMain) {\n      var totalStr = IS_PRIVAT ? fmtPrice(total) : total.toLocaleString(CAT_LOCALE);\n      priceMain.innerHTML = IS_EN\n        ? '<sup>\u20ac<\/sup><span id=\"ebPriceTotal\">' + totalStr + '<\/span>'\n        : '<span id=\"ebPriceTotal\">' + totalStr + '<\/span><sup>\u20ac<\/sup>';\n    }\n    if (IS_PRIVAT) {\n      setText('ebPriceSub', ebFreq === 'einmalig' ? S.priceSubOnceGross : S.priceSubMonthlyGross);\n    } else {\n      setText('ebPriceSub', ebFreq === 'einmalig' ? S.priceSubOnce : S.priceSubMonthly);\n    }\n    setText('ebPricePerUnit',  money(total \/ q, 2));\n    setText('ebPricePerLabel', IS_PRIVAT ? S.perTreeGross : S.perTreeNet);\n\n    var discLine  = document.getElementById('ebDiscountLine');\n    var discBadge = document.getElementById('ebDiscountBadge');\n    if (discLine && discBadge) {\n      if (pct > 0) {\n        discLine.classList.add('visible');\n        discBadge.classList.remove('hint');\n        setText('ebDiscountOld',   IS_PRIVAT ? moneyAuto(base) : money(base, 0));\n        setText('ebDiscountBadge', S.discountBadge(pct));\n      } else if (pctMax > 0) {\n        discLine.classList.add('visible');\n        discBadge.classList.add('hint');\n        setText('ebDiscountOld',   '');\n        setText('ebDiscountBadge', S.discountHint(pctMax));\n      } else {\n        discLine.classList.remove('visible');\n      }\n    }\n\n    \/\/ CTA\n    setText('ebCtaBtn', S.cta(ebFreq, ebImpact, q, amount ? fmtAmount(amount.val) : null, prep, c.name));\n\n    \/\/ Upsell (nur Gewerbe sichtbar)\n    var u = document.getElementById('ebUpsellText');\n    if (u) {\n      if (q >= 1000)     u.innerHTML = S.upsellEnterprise(catLink('kontakt'));\n      else if (q >= 417) u.innerHTML = S.upsellGold(q);\n      else if (q >= 84)  u.innerHTML = S.upsellSilver(q);\n      else if (q >= 9)   u.innerHTML = S.upsellBronze(q);\n      else               u.innerHTML = S.upsellBase;\n    }\n  }\n\n  function setText(id, val) {\n    var el = document.getElementById(id);\n    if (el) el.textContent = val;\n  }\n\n  \/\/ \u2500\u2500\u2500 INIT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  document.addEventListener('DOMContentLoaded', function () {\n    translateStatic();\n\n    var ebSlider = document.getElementById('ebSlider');\n    if (ebSlider) {\n      ebSlider.min = EB_SLIDER_MIN;\n      ebSlider.max = EB_SLIDER_MAX;\n      ebSlider.value = Math.min(ebQty, EB_SLIDER_MAX);\n    }\n    buildImpactSelector();\n    buildCountryCards();\n    updateEB();\n\n    \/\/ WooCommerce Einzelkauf CTA (Abo- oder Einmal-Produkt je nach Frequenz)\n    var ebCta = document.getElementById('ebCtaBtn');\n    if (ebCta) {\n      ebCta.addEventListener('click', function () {\n        var group = (ebFreq === 'monatlich') ? 'abo' : 'einmal';\n        var pid = wcId(group, ebCountry) || wcId(group, 'ghana');\n        wcAddToCart(pid, ebQty, ebCta);\n      });\n    }\n  });\n\n  \/\/ \u2550\u2550\u2550 ALLSTAR: Gesamtbaumzahl des Users laden \u2550\u2550\u2550\n  (function () {\n    if (typeof window.CAT_AJAX === 'undefined') return;\n    var data = new FormData();\n    data.append('action', 'cat_get_total_trees');\n    fetch(window.CAT_AJAX.url, { method: 'POST', body: data, credentials: 'same-origin' })\n      .then(function (r) { return r.json(); })\n      .then(function (res) {\n        var trees = res.trees || 0;\n        var goal = 10000;\n        var pct = Math.min(100, Math.round((trees \/ goal) * 100));\n        var label = document.querySelector('.progress-label');\n        if (label) {\n          var spans = label.querySelectorAll('span');\n          if (spans.length >= 2) {\n            spans[1].textContent = trees.toLocaleString(CAT_LOCALE) + ' \/ ' + goal.toLocaleString(CAT_LOCALE) + ' ' + S.treesLabel;\n          }\n        }\n        var bar = document.getElementById('allstarProgress');\n        if (bar) bar.style.width = pct + '%';\n      })\n      .catch(function () {});\n  })();\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>:root { &#8211;forest: #669933; &#8211;forest-mid: #669933; &#8211;forest-light: #669933; &#8211;leaf: #8cca4d; &#8211;sprout: #8cca4d; &#8211;moss: #A8CC9B; &#8211;cream: #eaf6ea; &#8211;warm-white: #eaf6ea; &#8211;bark: #88B36A; &#8211;sand: #eaeaea; &#8211;gold: #FFB800; &#8211;silver: #8a9bb0; &#8211;bronze: #a0754a; &#8211;charcoal: #1e2422; &#8211;text-main: #1e2a22; &#8211;text-muted: #555555; &#8211;text-light: #8a9e8e; &#8211;border: #A8CC9B; &#8211;shadow: rgba(102,153,51,0.12); } * { margin: 0; padding: 0; box-sizing: border-box; } .impact-page-wrapper { font-family: &#8216;Poppins&#8217;, sans-serif; [&hellip;]<\/p>\n","protected":false},"author":235695028,"featured_media":29796,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-37990","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/clickatree.com\/en\/wp-json\/wp\/v2\/pages\/37990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clickatree.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clickatree.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clickatree.com\/en\/wp-json\/wp\/v2\/users\/235695028"}],"replies":[{"embeddable":true,"href":"https:\/\/clickatree.com\/en\/wp-json\/wp\/v2\/comments?post=37990"}],"version-history":[{"count":6,"href":"https:\/\/clickatree.com\/en\/wp-json\/wp\/v2\/pages\/37990\/revisions"}],"predecessor-version":[{"id":38450,"href":"https:\/\/clickatree.com\/en\/wp-json\/wp\/v2\/pages\/37990\/revisions\/38450"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clickatree.com\/en\/wp-json\/wp\/v2\/media\/29796"}],"wp:attachment":[{"href":"https:\/\/clickatree.com\/en\/wp-json\/wp\/v2\/media?parent=37990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}