{"id":20015,"date":"2025-07-09T10:25:30","date_gmt":"2025-07-09T08:25:30","guid":{"rendered":"https:\/\/carbonactive.weiss-webdesign.de\/solutions\/medical\/"},"modified":"2026-05-28T13:38:54","modified_gmt":"2026-05-28T11:38:54","slug":"medical-cannabis-anlage","status":"publish","type":"page","link":"https:\/\/carbonactive.weiss-webdesign.de\/en\/solutions\/medical-cannabis-anlage\/","title":{"rendered":"Medical cannabis plant"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n \n \n \n\n \n MEDICINAL CANNABIS cultivation facilities (GMP) | CarbonActive<\/title>\n <meta name=\"description\" content=\"GMP-compliant indoor cultivation facilities for medicinal cannabis: HEPA filter cascade, pressure cascade between cleanroom zones, \u00b10.5 K climate stability.\">\n <meta name=\"keywords\" content=\"medicinal cannabis cultivation facility, GMP cannabis, pharmaceutical cannabis, EU-GMP cannabis, cannabis clean room, HEPA cannabis, pressure cascade GMP, four-pipe system, cannabis BfArM, BtM cultivation, indoor growing compartment GMP, IGC, CarbonActive\">\n <meta name=\"author\" content=\"CarbonActive\">\n <meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\n <link rel=\"canonical\" href=\"[CANONICAL-URL]\">\n\n <!-- Open Graph \/ Facebook -->\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:locale\" content=\"en_DE\">\n <meta property=\"og:site_name\" content=\"CarbonActive\">\n <meta property=\"og:url\" content=\"[CANONICAL-URL]\">\n <meta property=\"og:title\" content=\"MEDICINAL CANNABIS cultivation facilities (GMP) | CarbonActive\">\n <meta property=\"og:description\" content=\"GMP-compliant indoor cultivation facilities for medicinal cannabis: HEPA filter cascade, pressure cascade between cleanroom zones, \u00b10.5 K climate stability.\">\n <meta property=\"og:image\" content=\"https:\/\/carbonactive.com\/wp-content\/uploads\/2026\/03\/IMG_9273-3.jpg\">\n <meta property=\"og:image:alt\" content=\"CarbonActive Indoor Growing Compartment for MEDICINAL CANNABIS cultivation according to GMP\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n\n <!-- Twitter -->\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"MEDICINAL CANNABIS cultivation facilities (GMP) | CarbonActive\">\n <meta name=\"twitter:description\" content=\"GMP-compliant indoor cultivation facilities with HEPA filter cascade, pressure cascade and four-pipe system for \u00b10.5 K climate control stability.\">\n <meta name=\"twitter:image\" content=\"https:\/\/carbonactive.com\/wp-content\/uploads\/2026\/03\/IMG_9273-3.jpg\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #2d69ff;\n --primary-hover: #1a5af0;\n --dark: #151821;\n --dark-lighter: #181a20;\n --dark-card: #1c2128;\n --text-primary: #ffffff;\n --text-secondary: #c9d1d9;\n --text-muted: #8b949e;\n --border: #30363d;\n --success: #3fb950;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n overflow-x: hidden;\n }\n\n \/* Background Animation *\/\n .bg-gradient-mesh {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n overflow: hidden;\n pointer-events: none;\n }\n\n .bg-gradient-mesh::before {\n content: \"\";\n position: absolute;\n width: 150%;\n height: 150%;\n top: -25%;\n left: -25%;\n background: radial-gradient(\n circle at 20% 30%,\n rgba(45, 105, 255, 0.08) 0%,\n transparent 40%\n ),\n radial-gradient(\n circle at 80% 70%,\n rgba(45, 105, 255, 0.05) 0%,\n transparent 40%\n ),\n radial-gradient(\n circle at 50% 50%,\n rgba(45, 105, 255, 0.03) 0%,\n transparent 50%\n );\n animation: meshMove 20s ease-in-out infinite;\n }\n\n @keyframes meshMove {\n 0%,\n 100% {\n transform: translate(0, 0) rotate(0deg);\n }\n 25% {\n transform: translate(2%, 2%) rotate(1deg);\n }\n 50% {\n transform: translate(-1%, 3%) rotate(-1deg);\n }\n 75% {\n transform: translate(3%, -2%) rotate(0.5deg);\n }\n }\n\n \/* Floating Orbs *\/\n .floating-orbs {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n overflow: hidden;\n pointer-events: none;\n }\n\n .orb {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(\n circle at 30% 30%,\n rgba(45, 105, 255, 0.15),\n transparent\n );\n filter: blur(60px);\n opacity: 0.5;\n }\n\n .orb-1 {\n width: 400px;\n height: 400px;\n top: 10%;\n left: 10%;\n animation: floatOrb1 25s ease-in-out infinite;\n }\n\n .orb-2 {\n width: 300px;\n height: 300px;\n top: 60%;\n right: 10%;\n animation: floatOrb2 30s ease-in-out infinite;\n }\n\n .orb-3 {\n width: 200px;\n height: 200px;\n top: 40%;\n left: 50%;\n animation: floatOrb3 20s ease-in-out infinite;\n }\n\n @keyframes floatOrb1 {\n 0%,\n 100% {\n transform: translate(0, 0) scale(1);\n }\n 33% {\n transform: translate(50px, -50px) scale(1.1);\n }\n 66% {\n transform: translate(-30px, 30px) scale(0.9);\n }\n }\n\n @keyframes floatOrb2 {\n 0%,\n 100% {\n transform: translate(0, 0) scale(1);\n }\n 50% {\n transform: translate(-40px, 40px) scale(1.15);\n }\n }\n\n @keyframes floatOrb3 {\n 0%,\n 100% {\n transform: translate(0, 0) scale(1);\n }\n 50% {\n transform: translate(60px, -30px) scale(0.95);\n }\n }\n\n \/* Scroll Animations *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .reveal-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .reveal-left.active {\n opacity: 1;\n transform: translateX(0);\n }\n\n .reveal-right {\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .reveal-right.active {\n opacity: 1;\n transform: translateX(0);\n }\n\n .reveal-scale {\n opacity: 0;\n transform: scale(0.9);\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .reveal-scale.active {\n opacity: 1;\n transform: scale(1);\n }\n\n \/* Stagger delay for children *\/\n .stagger-children > * {\n opacity: 0;\n transform: translateY(20px);\n }\n\n .stagger-children.active > *:nth-child(1) {\n transition-delay: 0.1s;\n opacity: 1;\n transform: translateY(0);\n }\n .stagger-children.active > *:nth-child(2) {\n transition-delay: 0.2s;\n opacity: 1;\n transform: translateY(0);\n }\n .stagger-children.active > *:nth-child(3) {\n transition-delay: 0.3s;\n opacity: 1;\n transform: translateY(0);\n }\n .stagger-children.active > *:nth-child(4) {\n transition-delay: 0.4s;\n opacity: 1;\n transform: translateY(0);\n }\n .stagger-children.active > *:nth-child(5) {\n transition-delay: 0.5s;\n opacity: 1;\n transform: translateY(0);\n }\n .stagger-children.active > *:nth-child(6) {\n transition-delay: 0.6s;\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Mouse follow glow *\/\n .mouse-glow {\n position: fixed;\n width: 400px;\n height: 400px;\n background: radial-gradient(\n circle,\n rgba(45, 105, 255, 0.08) 0%,\n transparent 70%\n );\n border-radius: 50%;\n pointer-events: none;\n z-index: 9999;\n opacity: 0;\n transition: opacity 0.3s;\n transform: translate(-50%, -50%);\n }\n\n .mouse-glow.active {\n opacity: 1;\n }\n\n \/* Hover effects for cards *\/\n .card-hover {\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .card-hover:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px rgba(45, 105, 255, 0.15),\n 0 10px 20px rgba(0, 0, 0, 0.2);\n }\n\n \/* Shine effect on hover *\/\n .shine-effect {\n position: relative;\n overflow: hidden;\n }\n\n .shine-effect::after {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(\n to right,\n transparent 0%,\n rgba(255, 255, 255, 0.1) 50%,\n transparent 100%\n );\n transform: rotate(30deg) translateX(-100%);\n transition: transform 0.8s;\n }\n\n .shine-effect:hover::after {\n transform: rotate(30deg) translateX(100%);\n }\n\n \/* Parallax scroll effect class *\/\n .parallax {\n will-change: transform;\n }\n\n \/* Smooth section transitions *\/\n section {\n position: relative;\n }\n\n body {\n font-family: \"DM Sans\", -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.6;\n color: var(--text-primary);\n background: var(--dark);\n overflow-x: hidden;\n word-wrap: break-word;\n overflow-wrap: break-word;\n }\n\n \/* CarbonActive brand mark \u2014 \"Active\" always italic *\/\n .ca-active {\n font-style: italic;\n font-weight: inherit;\n }\n\n \/* Header *\/\n .btn {\n padding: 0.875rem 1.75rem;\n border-radius: 6px;\n font-weight: 600;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n border: none;\n }\n\n .btn-primary {\n background: var(--primary);\n color: white;\n }\n\n .btn-primary:hover {\n background: var(--primary-hover);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(45, 105, 255, 0.3);\n }\n\n .btn-outline {\n background: transparent;\n color: var(--text-primary);\n border: 2px solid var(--border);\n }\n\n .btn-outline:hover {\n background: var(--primary);\n border-color: var(--primary);\n color: white;\n }\n\n .btn-accent {\n background: var(--primary);\n color: white;\n }\n\n .btn-accent:hover {\n background: var(--primary-hover);\n transform: translateY(-2px);\n }\n\n .btn-large {\n padding: 1.125rem 2.5rem;\n font-size: 1rem;\n }\n\n \/* Hero Section *\/\n .hero {\n display: flex;\n align-items: center;\n background: var(--dark);\n padding: 4rem 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 60%;\n height: 100%;\n background: radial-gradient(\n circle at 70% 50%,\n rgba(45, 105, 255, 0.15) 0%,\n transparent 60%\n );\n pointer-events: none;\n }\n\n .hero-container {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(45, 105, 255, 0.15);\n color: var(--primary);\n padding: 0.5rem 1rem;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 1.5rem;\n border: 1px solid rgba(45, 105, 255, 0.3);\n }\n\n .hero-badge::before {\n content: \"\";\n width: 8px;\n height: 8px;\n background: var(--primary);\n border-radius: 50%;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n }\n\n .hero h1 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 3.5rem;\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n letter-spacing: -0.02em;\n }\n\n .hero h1 em {\n font-style: normal;\n color: var(--primary);\n }\n\n .hero-subtitle {\n font-size: 1.25rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n max-width: 500px;\n line-height: 1.7;\n }\n\n .hero-stats {\n display: flex;\n gap: 3rem;\n margin-bottom: 2.5rem;\n padding: 1.5rem 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n\n .stat {\n display: flex;\n flex-direction: column;\n }\n\n .stat-value {\n font-size: 2rem;\n font-weight: 700;\n color: var(--primary);\n line-height: 1;\n }\n\n .stat-label {\n font-size: 0.85rem;\n color: var(--text-muted);\n margin-top: 0.25rem;\n }\n\n .hero-buttons {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .hero-visual {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .hero-image-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n }\n\n .hero-image-bg {\n position: absolute;\n inset: -20px;\n background: linear-gradient(\n 135deg,\n var(--primary) 0%,\n rgba(45, 105, 255, 0.5) 100%\n );\n border-radius: 20px;\n opacity: 0.2;\n transform: rotate(-3deg);\n }\n\n .hero-image {\n width: 100%;\n aspect-ratio: 4\/3;\n background: var(--dark-card);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);\n border: 1px solid var(--border);\n }\n\n .hero-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .hero-float-card {\n position: absolute;\n background: var(--dark-card);\n padding: 1.25rem 1.5rem;\n border-radius: 12px;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n z-index: 10;\n border: 1px solid var(--border);\n }\n\n .hero-float-card.card-1 {\n top: 10%;\n right: -20px;\n animation: float 6s ease-in-out infinite;\n }\n\n .hero-float-card.card-2 {\n bottom: 15%;\n left: -30px;\n animation: float 6s ease-in-out infinite 1s;\n }\n\n @keyframes float {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-15px);\n }\n }\n\n .float-card-label {\n font-size: 0.75rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 0.25rem;\n }\n\n .float-card-value {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--text-primary);\n }\n\n .float-card-value.success {\n color: var(--success);\n }\n\n .float-card-value.primary {\n color: var(--primary);\n }\n\n \/* Capacity Section *\/\n .capacity {\n padding: 5rem 2rem;\n background: var(--dark);\n }\n\n .capacity-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .capacity-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n margin-bottom: 2rem;\n }\n\n .capacity-card {\n background: var(--dark-card);\n border-radius: 16px;\n padding: 2rem 1.5rem;\n border: 1px solid var(--border);\n transition: all 0.3s;\n position: relative;\n }\n\n .capacity-card:hover {\n transform: translateY(-5px);\n border-color: var(--primary);\n box-shadow: 0 20px 40px rgba(45, 105, 255, 0.1);\n }\n\n .capacity-card-featured {\n border: 2px solid var(--primary);\n background: linear-gradient(145deg, var(--dark-card) 0%, rgba(45, 105, 255, 0.06) 100%);\n }\n\n .capacity-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: var(--primary);\n color: white;\n font-size: 0.7rem;\n font-weight: 700;\n padding: 0.3rem 0.7rem;\n border-radius: 50px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .capacity-tier {\n font-size: 0.85rem;\n color: var(--primary);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n }\n\n .capacity-number {\n display: flex;\n align-items: baseline;\n gap: 0.5rem;\n margin-bottom: 0.5rem;\n }\n\n .capacity-value {\n font-size: 3rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1;\n }\n\n .capacity-label {\n font-size: 0.95rem;\n color: var(--text-secondary);\n }\n\n .capacity-detail {\n font-size: 0.85rem;\n color: var(--text-muted);\n margin-bottom: 1.25rem;\n }\n\n .capacity-bar {\n height: 6px;\n background: rgba(255, 255, 255, 0.06);\n border-radius: 3px;\n overflow: hidden;\n }\n\n .capacity-bar-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--primary) 0%, #4d82ff 100%);\n border-radius: 3px;\n transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .capacity-card-featured .capacity-bar-fill {\n background: linear-gradient(90deg, var(--primary) 0%, var(--success) 100%);\n }\n\n .capacity-assumptions {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.85rem;\n color: var(--text-muted);\n padding: 1rem 1.5rem;\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid var(--border);\n border-radius: 10px;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .capacity-assumptions-label {\n color: var(--text-secondary);\n font-weight: 600;\n }\n\n .capacity-sep {\n color: var(--border);\n }\n\n \/* Timeline Section *\/\n .timeline {\n padding: 6rem 2rem;\n background: var(--dark-lighter);\n color: var(--text-primary);\n }\n\n .timeline-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .section-header h2 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 2.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 700;\n }\n\n .section-header p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .timeline-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n position: relative;\n }\n\n .timeline-grid::before {\n content: \"\";\n position: absolute;\n top: 30px;\n left: 12.5%;\n right: 12.5%;\n height: 2px;\n background: linear-gradient(\n 90deg,\n var(--primary) 0%,\n var(--primary) 100%\n );\n opacity: 0.3;\n }\n\n .timeline-item {\n text-align: center;\n position: relative;\n }\n\n .timeline-date {\n display: inline-block;\n background: var(--primary);\n color: white;\n padding: 0.5rem 1rem;\n border-radius: 50px;\n font-weight: 600;\n font-size: 0.85rem;\n margin-bottom: 1.5rem;\n }\n\n .timeline-dot {\n width: 16px;\n height: 16px;\n background: var(--primary);\n border-radius: 50%;\n margin: 0 auto 1.5rem;\n position: relative;\n }\n\n .timeline-dot::after {\n content: \"\";\n position: absolute;\n inset: -4px;\n border: 2px solid var(--primary);\n border-radius: 50%;\n opacity: 0.5;\n }\n\n .timeline-content h4 {\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n font-weight: 600;\n color: var(--text-primary);\n }\n\n .timeline-content p {\n font-size: 0.9rem;\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Products Section *\/\n .products {\n padding: 6rem 2rem;\n background: var(--dark);\n }\n\n .products-container {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .products-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .products-header h2 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 2.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 700;\n }\n\n .products-header p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .product-card {\n background: var(--dark-card);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n transition: all 0.3s;\n position: relative;\n border: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n }\n\n .product-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(45, 105, 255, 0.15);\n border-color: var(--primary);\n }\n\n .product-card.featured {\n border: 2px solid var(--primary);\n }\n\n .product-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: var(--primary);\n color: white;\n padding: 0.4rem 0.8rem;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n }\n\n .product-visual {\n height: 200px;\n background: linear-gradient(\n 135deg,\n var(--dark-lighter) 0%,\n var(--dark-card) 100%\n );\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--text-primary);\n position: relative;\n border-bottom: 1px solid var(--border);\n }\n\n .product-visual::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%232D69FF' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'\/%3E%3C\/g%3E%3C\/svg%3E\");\n }\n\n .product-visual-content {\n text-align: center;\n z-index: 1;\n }\n\n .product-visual-content h4 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n font-weight: 700;\n color: var(--text-primary);\n }\n\n .product-visual-content span {\n font-size: 0.85rem;\n color: var(--text-muted);\n }\n\n .product-info {\n padding: 2rem;\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n\n .product-yield {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(63, 185, 80, 0.1);\n color: var(--success);\n padding: 0.75rem 1rem;\n border-radius: 8px;\n font-weight: 600;\n font-size: 0.9rem;\n margin-bottom: 1.5rem;\n }\n\n .product-yield .icon {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n }\n\n \/* Inline SVG icons *\/\n .icon {\n display: inline-block;\n flex-shrink: 0;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n }\n\n .roi-highlight-icon .icon {\n width: 22px;\n height: 22px;\n stroke: white;\n stroke-width: 2;\n }\n\n .advantage-icon .icon {\n width: 20px;\n height: 20px;\n stroke: var(--primary);\n stroke-width: 2;\n }\n\n .semiloop-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 1rem;\n }\n\n .semiloop-icon .icon {\n width: 32px;\n height: 32px;\n stroke: var(--primary);\n stroke-width: 1.75;\n }\n\n .component-icon .icon {\n width: 24px;\n height: 24px;\n stroke: var(--primary);\n stroke-width: 2;\n }\n\n .recommendation-box h4 .icon {\n width: 22px;\n height: 22px;\n stroke: var(--primary);\n stroke-width: 2;\n vertical-align: middle;\n margin-right: 0.5rem;\n margin-top: -2px;\n }\n\n .btn .icon {\n width: 18px;\n height: 18px;\n stroke: currentColor;\n stroke-width: 2;\n }\n\n .product-features {\n list-style: none;\n margin-bottom: 2rem;\n flex: 1;\n }\n\n .product-features li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n margin-bottom: 0.75rem;\n font-size: 0.9rem;\n color: var(--text-secondary);\n }\n\n .product-features li::before {\n content: \"\u2713\";\n color: var(--primary);\n font-weight: 700;\n flex-shrink: 0;\n }\n\n .product-cta {\n width: 100%;\n }\n\n \/* ROI Section *\/\n .roi {\n padding: 6rem 2rem;\n background: var(--dark-lighter);\n }\n\n .roi-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .roi-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .roi-header h2 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 2.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 700;\n }\n\n .roi-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n .roi-chart {\n background: var(--dark-card);\n border-radius: 20px;\n padding: 3rem;\n position: relative;\n border: 1px solid var(--border);\n }\n\n .chart-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.4rem;\n text-align: center;\n color: var(--text-primary);\n }\n\n .chart-subtitle-secondary {\n font-size: 0.85rem;\n color: var(--text-muted);\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .chart-visual {\n height: 300px;\n position: relative;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n gap: 4rem;\n padding-bottom: 2rem;\n border-bottom: 2px solid var(--border);\n }\n\n .chart-bar-group {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-end;\n gap: 0.75rem;\n height: 100%;\n }\n\n .chart-bar {\n width: 90px;\n min-height: 60px;\n border-radius: 8px 8px 0 0;\n transition: all 0.5s ease;\n position: relative;\n box-shadow: 0 4px 15px rgba(45, 105, 255, 0.2);\n }\n\n .chart-bar.basic {\n height: 70%;\n background: linear-gradient(\n 180deg,\n var(--text-muted) 0%,\n var(--border) 100%\n );\n }\n\n .chart-bar.professional {\n height: 100%;\n background: linear-gradient(180deg, var(--primary) 0%, #1a5af0 100%);\n }\n\n .chart-label {\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--text-secondary);\n }\n\n .chart-legend {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-top: 2rem;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.85rem;\n color: var(--text-secondary);\n }\n\n .legend-color {\n width: 16px;\n height: 16px;\n border-radius: 4px;\n }\n\n .roi-content h3 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 1.75rem;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n font-weight: 700;\n }\n\n .roi-content p {\n color: var(--text-secondary);\n margin-bottom: 2rem;\n line-height: 1.8;\n }\n\n .roi-highlights {\n display: grid;\n gap: 1.5rem;\n margin-bottom: 2rem;\n }\n\n .roi-highlight {\n display: flex;\n gap: 1rem;\n padding: 1.25rem;\n background: var(--dark-card);\n border-radius: 12px;\n border-left: 4px solid var(--primary);\n }\n\n .roi-highlight-icon {\n width: 48px;\n height: 48px;\n background: var(--primary);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.25rem;\n flex-shrink: 0;\n }\n\n .roi-highlight-content h4 {\n font-size: 1rem;\n margin-bottom: 0.25rem;\n color: var(--text-primary);\n }\n\n .roi-highlight-content p {\n font-size: 0.9rem;\n margin: 0;\n color: var(--text-secondary);\n }\n\n \/* Advantage Section *\/\n .advantage {\n padding: 6rem 2rem;\n background: var(--dark);\n color: var(--text-primary);\n }\n\n .advantage-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .advantage-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n .advantage-content h2 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n font-weight: 700;\n color: var(--text-primary);\n }\n\n .advantage-content > p {\n color: var(--text-secondary);\n margin-bottom: 2rem;\n line-height: 1.8;\n }\n\n .advantage-list {\n list-style: none;\n margin-bottom: 2rem;\n }\n\n .advantage-list li {\n display: flex;\n gap: 1rem;\n margin-bottom: 1.5rem;\n }\n\n .advantage-icon {\n width: 40px;\n height: 40px;\n background: rgba(45, 105, 255, 0.15);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--primary);\n font-size: 1.25rem;\n flex-shrink: 0;\n }\n\n .advantage-text h4 {\n font-size: 1.1rem;\n margin-bottom: 0.25rem;\n color: var(--text-primary);\n }\n\n .advantage-text p {\n font-size: 0.9rem;\n color: var(--text-secondary);\n margin: 0;\n }\n\n .advantage-visual {\n background: var(--dark-card);\n border-radius: 20px;\n padding: 2rem 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n border: 1px solid var(--border);\n }\n\n .climate-chart-block {\n background: rgba(255, 255, 255, 0.02);\n border-radius: 10px;\n padding: 0.75rem 1rem 0.5rem;\n border: 1px solid rgba(255, 255, 255, 0.04);\n }\n\n .climate-chart-header {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n margin-bottom: 0.5rem;\n gap: 0.75rem;\n flex-wrap: wrap;\n }\n\n @media (max-width: 480px) {\n .climate-chart-header {\n flex-direction: column;\n gap: 0.15rem;\n align-items: flex-start;\n }\n .climate-chart-summary {\n white-space: normal;\n }\n }\n\n .climate-chart-name {\n font-weight: 600;\n color: var(--text-primary);\n font-size: 0.95rem;\n }\n\n .climate-chart-name span {\n color: var(--primary);\n font-weight: 500;\n }\n\n .climate-chart-summary {\n font-size: 0.75rem;\n color: var(--text-muted);\n white-space: nowrap;\n }\n\n .climate-chart {\n width: 100%;\n height: auto;\n display: block;\n }\n\n .climate-legend {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem 1.5rem;\n padding-top: 0.5rem;\n border-top: 1px solid var(--border);\n }\n\n .climate-legend-item {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.78rem;\n color: var(--text-secondary);\n }\n\n .climate-legend-swatch {\n display: inline-block;\n width: 14px;\n height: 4px;\n border-radius: 2px;\n }\n\n .climate-legend-swatch.temp {\n background: #ef4444;\n }\n\n .climate-legend-swatch.hum {\n background: #7AB7E8;\n }\n\n .climate-legend-swatch.optimal {\n background: rgba(16, 185, 129, 0.55);\n border: 1px solid rgba(16, 185, 129, 0.75);\n height: 10px;\n width: 14px;\n border-radius: 2px;\n }\n\n \/* SemiLoop Section *\/\n .semiloop {\n padding: 6rem 2rem;\n background: var(--dark);\n }\n\n .semiloop-hero-image {\n width: 100%;\n border-radius: 16px;\n overflow: hidden;\n margin-bottom: 3rem;\n box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35);\n border: 1px solid var(--border);\n position: relative;\n }\n\n .semiloop-hero-image img {\n width: 100%;\n height: clamp(260px, 38vw, 460px);\n object-fit: cover;\n display: block;\n font-size: 0;\n }\n\n .semiloop-hero-image::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 180deg,\n rgba(10, 12, 18, 0) 55%,\n rgba(10, 12, 18, 0.5) 100%\n );\n pointer-events: none;\n }\n\n .semiloop-hero-caption {\n position: absolute;\n left: 0;\n bottom: 0;\n z-index: 2;\n padding: 1.5rem 1.75rem;\n }\n\n .semiloop-hero-caption span {\n display: inline-block;\n color: white;\n font-size: 0.85rem;\n font-weight: 500;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);\n }\n\n .semiloop-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .semiloop-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n margin-bottom: 4rem;\n }\n\n .tech-timeline {\n position: relative;\n padding-left: 2rem;\n }\n\n .tech-timeline::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 3px;\n background: linear-gradient(\n 180deg,\n var(--text-muted) 0%,\n var(--primary) 50%,\n var(--success) 100%\n );\n border-radius: 3px;\n }\n\n .tech-timeline-item {\n position: relative;\n padding-bottom: 2rem;\n }\n\n .tech-timeline-marker {\n position: absolute;\n left: -2rem;\n top: 0.5rem;\n width: 15px;\n height: 15px;\n border-radius: 50%;\n transform: translateX(-6px);\n border: 3px solid var(--dark);\n }\n\n .tech-timeline-marker.open {\n background: var(--text-muted);\n }\n\n .tech-timeline-marker.closed {\n background: var(--primary);\n }\n\n .tech-timeline-marker.hybrid {\n background: var(--success);\n box-shadow: 0 0 20px rgba(63, 185, 80, 0.5);\n }\n\n .tech-timeline-content h4 {\n font-size: 1.2rem;\n color: var(--text-primary);\n margin-bottom: 0.25rem;\n }\n\n .tech-year {\n font-size: 0.8rem;\n color: var(--primary);\n font-weight: 600;\n }\n\n .tech-timeline-content p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n margin-top: 0.5rem;\n }\n\n .amortization-chart {\n background: linear-gradient(145deg, var(--dark-card) 0%, #1a1d24 100%);\n border-radius: 20px;\n padding: 2.5rem 2rem;\n border: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n }\n\n .amortization-chart::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image:\n radial-gradient(circle at 1px 1px, rgba(255,255,255,0.03) 1px, transparent 0);\n background-size: 24px 24px;\n pointer-events: none;\n }\n\n .amortization-chart h4 {\n text-align: center;\n margin-bottom: 0.5rem;\n color: var(--text-primary);\n font-size: 1.25rem;\n }\n\n .chart-subtitle {\n text-align: center;\n color: var(--text-muted);\n font-size: 0.85rem;\n margin-bottom: 2.5rem;\n }\n\n .chart-bars-vertical {\n display: flex;\n justify-content: center;\n gap: 4rem;\n height: 300px;\n align-items: flex-end;\n margin-bottom: 2rem;\n position: relative;\n z-index: 1;\n }\n\n .v-bar-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n flex: 1;\n max-width: 140px;\n }\n\n .v-bar {\n width: 100px;\n border-radius: 12px 12px 0 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: transform 0.3s ease;\n min-height: 36px;\n }\n\n .v-bar:hover {\n transform: scaleY(1.02);\n }\n\n .v-bar.closed-bar {\n background: linear-gradient(\n 180deg,\n #4a5568 0%,\n #2d3748 100%\n );\n opacity: 0.7;\n }\n\n .v-bar.hybrid-bar {\n background: linear-gradient(180deg, #4ade80 0%, #22c55e 50%, #16a34a 100%);\n box-shadow: 0 0 40px rgba(34, 197, 94, 0.25), 0 4px 15px rgba(0,0,0,0.3);\n }\n\n .v-bar-months {\n color: white;\n font-weight: 800;\n font-size: 1rem;\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n padding: 0 0.5rem;\n text-align: center;\n position: absolute;\n top: -2.25rem;\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n }\n\n \/* For tall bars, render value inside the bar instead of above it *\/\n .v-bar.tall-value .v-bar-months {\n position: static;\n transform: none;\n }\n\n .v-bar-badge {\n position: absolute;\n top: -4.5rem;\n left: 50%;\n transform: translateX(-50%);\n background: var(--primary);\n color: white;\n font-size: 0.72rem;\n font-weight: 700;\n padding: 0.35rem 0.7rem;\n border-radius: 20px;\n box-shadow: 0 4px 12px rgba(45, 105, 255, 0.4);\n white-space: nowrap;\n }\n\n .v-bar-label {\n font-size: 0.9rem;\n color: var(--text-primary);\n font-weight: 600;\n }\n\n .v-bar-sublabel {\n font-size: 0.75rem;\n color: var(--text-muted);\n }\n\n .chart-legend-compact {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n font-size: 0.9rem;\n color: var(--text-secondary);\n padding: 1rem;\n background: rgba(255,255,255,0.03);\n border-radius: 12px;\n border: 1px solid var(--border);\n position: relative;\n z-index: 1;\n }\n\n .legend-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n }\n\n .legend-dot.hybrid {\n background: var(--success);\n box-shadow: 0 0 10px rgba(63, 185, 80, 0.5);\n }\n\n .semiloop-features {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n }\n\n .semiloop-feature {\n background: var(--dark-card);\n padding: 2rem;\n border-radius: 12px;\n text-align: center;\n border: 1px solid var(--border);\n transition: all 0.3s;\n }\n\n .semiloop-feature:hover {\n border-color: var(--primary);\n transform: translateY(-5px);\n }\n\n .semiloop-icon {\n font-size: 2rem;\n margin-bottom: 1rem;\n }\n\n .semiloop-feature h4 {\n color: var(--text-primary);\n margin-bottom: 0.5rem;\n font-size: 1rem;\n }\n\n .semiloop-feature p {\n color: var(--text-secondary);\n font-size: 0.85rem;\n line-height: 1.6;\n }\n\n \/* ERG Detail Section *\/\n .erg-detail {\n padding: 6rem 2rem;\n background: var(--dark-lighter);\n }\n\n .erg-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .erg-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n .erg-component {\n display: flex;\n gap: 1rem;\n margin-bottom: 2rem;\n padding: 1.5rem;\n background: var(--dark-card);\n border-radius: 12px;\n border: 1px solid var(--border);\n transition: all 0.3s;\n }\n\n .erg-component:hover {\n border-color: var(--primary);\n }\n\n .component-icon {\n width: 50px;\n height: 50px;\n background: rgba(45, 105, 255, 0.15);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n\n .component-text h4 {\n color: var(--text-primary);\n margin-bottom: 0.5rem;\n }\n\n .component-text p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n line-height: 1.6;\n }\n\n .erg-efficiency-card {\n background: var(--dark-card);\n border-radius: 16px;\n padding: 2rem;\n border: 1px solid var(--border);\n }\n\n .efficiency-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.5rem;\n }\n\n .efficiency-header h4 {\n color: var(--text-primary);\n }\n\n .efficiency-value {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--success);\n }\n\n .efficiency-bar {\n height: 8px;\n background: var(--border);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 2rem;\n }\n\n .efficiency-fill {\n height: 100%;\n width: 80%;\n background: linear-gradient(90deg, var(--success) 0%, #2ea043 100%);\n border-radius: 4px;\n animation: fillBar 2s ease-out;\n }\n\n @keyframes fillBar {\n from {\n width: 0;\n }\n to {\n width: 80%;\n }\n }\n\n .efficiency-stats {\n display: grid;\n gap: 1rem;\n }\n\n .eff-stat {\n display: flex;\n justify-content: space-between;\n padding: 1rem;\n background: var(--dark);\n border-radius: 8px;\n }\n\n .eff-label {\n color: var(--text-secondary);\n font-size: 0.9rem;\n }\n\n .eff-value {\n color: var(--text-primary);\n font-weight: 600;\n }\n\n \/* Warmwasserspeicher Section *\/\n .warmwasser {\n padding: 6rem 2rem;\n background: var(--dark);\n position: relative;\n overflow: hidden;\n }\n\n .warmwasser::before {\n content: \"\";\n position: absolute;\n top: 30%;\n right: -10%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(63, 185, 80, 0.06) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .warmwasser-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .warmwasser-grid {\n display: grid;\n grid-template-columns: 1fr 1.05fr;\n gap: 4rem;\n align-items: center;\n }\n\n .warmwasser-eyebrow {\n display: inline-block;\n color: var(--success);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n }\n\n .warmwasser-content h2 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 2.3rem;\n line-height: 1.15;\n margin-bottom: 1.25rem;\n color: var(--text-primary);\n font-weight: 700;\n }\n\n .warmwasser-content p {\n color: var(--text-secondary);\n font-size: 1rem;\n line-height: 1.7;\n margin-bottom: 1.25rem;\n }\n\n .warmwasser-content em {\n font-style: italic;\n color: var(--text-primary);\n }\n\n .warmwasser-features {\n list-style: none;\n margin: 1.5rem 0 0;\n padding: 0;\n display: grid;\n gap: 0.75rem;\n }\n\n .warmwasser-features li {\n display: flex;\n align-items: flex-start;\n gap: 0.85rem;\n color: var(--text-secondary);\n font-size: 0.95rem;\n }\n\n .warmwasser-features .icon {\n width: 20px;\n height: 20px;\n stroke: var(--success);\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .warmwasser-comparison {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 1rem;\n align-items: stretch;\n }\n\n .ww-card {\n background: var(--dark-card);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 1.25rem 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.9rem;\n }\n\n .ww-card.herkoemmlich {\n opacity: 0.78;\n }\n\n .ww-card.carbonactive {\n border-color: var(--success);\n background: linear-gradient(160deg, var(--dark-card) 0%, rgba(63, 185, 80, 0.06) 100%);\n }\n\n .ww-card-header {\n display: flex;\n justify-content: center;\n }\n\n .ww-card-tag {\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n padding: 0.3rem 0.7rem;\n border-radius: 50px;\n background: rgba(255, 255, 255, 0.06);\n color: var(--text-secondary);\n }\n\n .ww-card.carbonactive .ww-card-tag {\n background: rgba(63, 185, 80, 0.15);\n color: var(--success);\n }\n\n .ww-flow {\n display: flex;\n flex-direction: column;\n gap: 0.55rem;\n }\n\n .ww-flow-item {\n display: flex;\n align-items: center;\n gap: 0.7rem;\n font-size: 0.85rem;\n color: var(--text-secondary);\n padding: 0.55rem 0.7rem;\n background: rgba(255, 255, 255, 0.03);\n border-radius: 8px;\n }\n\n .ww-flow-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n font-weight: 700;\n font-size: 0.95rem;\n }\n\n .ww-icon-cool {\n background: rgba(122, 183, 232, 0.15);\n color: #7AB7E8;\n }\n\n .ww-icon-heat {\n background: rgba(239, 68, 68, 0.15);\n color: #ef4444;\n }\n\n .ww-flow-loss .ww-flow-icon {\n background: rgba(239, 68, 68, 0.12);\n color: #ef4444;\n }\n\n .ww-flow-extra {\n border-left: 2px solid rgba(239, 68, 68, 0.3);\n }\n\n .ww-flow-store .ww-flow-icon {\n background: rgba(63, 185, 80, 0.15);\n color: var(--success);\n }\n\n .ww-flow-reuse {\n border-left: 2px solid rgba(63, 185, 80, 0.4);\n }\n\n .ww-card-footer {\n text-align: center;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--text-muted);\n padding-top: 0.4rem;\n border-top: 1px dashed var(--border);\n }\n\n .ww-card-footer-success {\n color: var(--success);\n border-top-color: rgba(63, 185, 80, 0.3);\n }\n\n .ww-vs {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--text-muted);\n font-style: italic;\n padding: 0 0.5rem;\n }\n\n \/* Reinraum Sections (Filter \/ Pressure \/ Stability) *\/\n \n \/* Schema SVG animations (from embedded PurePharma diagrams) *\/\n @keyframes schema-flow-dash {\n to { stroke-dashoffset: -20; }\n }\n @keyframes schema-pulse-sensor {\n 0%, 100% { opacity: 1; r: 4; }\n 50% { opacity: 0.4; r: 6; }\n }\n @keyframes schema-pulse-pressure {\n 0%, 100% { opacity: 0.7; }\n 50% { opacity: 1; }\n }\n .schema-supply {\n stroke-dasharray: 6 4;\n animation: schema-flow-dash 1.2s linear infinite;\n }\n .schema-sensor {\n animation: schema-pulse-sensor 2s ease-in-out infinite;\n }\n .schema-sensor-2 {\n animation: schema-pulse-sensor 2s ease-in-out infinite;\n animation-delay: 0.7s;\n }\n .schema-sensor-3 {\n animation: schema-pulse-sensor 2s ease-in-out infinite;\n animation-delay: 1.4s;\n }\n .schema-pressure-glow {\n animation: schema-pulse-pressure 3s ease-in-out infinite;\n }\n @media (prefers-reduced-motion: reduce) {\n .schema-supply, .schema-sensor, .schema-sensor-2, .schema-sensor-3,\n .schema-pressure-glow {\n animation: none !important;\n }\n }\n\n .reinraum {\n padding: 6rem 2rem;\n background: var(--dark);\n position: relative;\n overflow: hidden;\n }\n\n .reinraum.reinraum-alt {\n background: var(--dark-lighter);\n }\n\n .reinraum-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .reinraum-eyebrow {\n display: inline-block;\n color: var(--primary);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.75rem;\n }\n\n .reinraum .section-header {\n text-align: center;\n max-width: 760px;\n margin: 0 auto 3rem;\n }\n\n .reinraum .section-header h2 {\n font-family: \"DM Sans\", sans-serif;\n font-size: clamp(1.8rem, 3.4vw, 2.6rem);\n line-height: 1.15;\n margin-bottom: 1.1rem;\n font-weight: 700;\n }\n\n .reinraum .section-header h2 em {\n font-style: italic;\n color: var(--primary);\n }\n\n .reinraum .section-header p,\n .reinraum .section-header p em {\n color: var(--text-secondary);\n font-size: 1rem;\n line-height: 1.7;\n }\n\n .reinraum .section-header p em {\n font-style: italic;\n color: var(--text-primary);\n }\n\n .reinraum-diagram-frame {\n background: #0A1224;\n border-radius: 18px;\n padding: 2.5rem;\n border: 1px solid var(--border);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n margin: 0 auto 2rem;\n }\n\n .reinraum-diagram-frame svg {\n width: 100%;\n height: auto;\n display: block;\n }\n\n .reinraum-legend {\n display: flex;\n gap: 1.75rem;\n flex-wrap: wrap;\n justify-content: center;\n padding: 1.25rem 0 0;\n border-top: 1px solid var(--border);\n margin-top: 0;\n }\n\n .reinraum-legend-item {\n display: flex;\n align-items: center;\n gap: 0.65rem;\n font-size: 0.86rem;\n color: var(--text-secondary);\n }\n\n .rl-mark {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 36px;\n padding: 0.18rem 0.5rem;\n border-radius: 5px;\n font-family: monospace;\n font-weight: 700;\n font-size: 0.78rem;\n color: white;\n }\n\n .reinraum-info-note {\n display: flex;\n align-items: flex-start;\n gap: 0.85rem;\n padding: 0.85rem 1.1rem;\n background: rgba(45, 105, 255, 0.08);\n border-left: 3px solid var(--primary);\n border-radius: 6px;\n margin-bottom: 1.5rem;\n }\n\n .reinraum-info-note .icon {\n width: 18px;\n height: 18px;\n stroke: var(--primary);\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .reinraum-info-note span {\n font-family: monospace;\n font-size: 0.78rem;\n color: var(--text-secondary);\n line-height: 1.55;\n }\n\n .reinraum-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n margin-top: 0.5rem;\n }\n\n .reinraum-stat-card {\n background: var(--dark-card);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 1.6rem;\n position: relative;\n overflow: hidden;\n }\n\n .reinraum-stat-card.alt {\n background: linear-gradient(160deg, var(--primary) 0%, #1a5af0 100%);\n border-color: transparent;\n }\n\n .rs-eyebrow {\n display: inline-block;\n font-size: 0.72rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: var(--primary);\n margin-bottom: 0.85rem;\n }\n\n .reinraum-stat-card.alt .rs-eyebrow {\n color: rgba(255, 255, 255, 0.85);\n }\n\n .reinraum-stat-card h4 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 1.4rem;\n line-height: 1.15;\n font-weight: 700;\n margin-bottom: 0.55rem;\n color: var(--text-primary);\n }\n\n .reinraum-stat-card.alt h4 {\n color: white;\n }\n\n .reinraum-stat-card p {\n font-size: 0.92rem;\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n .reinraum-stat-card.alt p {\n color: rgba(255, 255, 255, 0.88);\n }\n\n .rs-value {\n font-family: \"DM Sans\", sans-serif;\n font-size: 2.2rem;\n font-weight: 700;\n line-height: 1;\n color: var(--text-primary);\n margin: 0.6rem 0 0.55rem;\n }\n\n .reinraum-stat-card.alt .rs-value {\n color: white;\n }\n\n .rs-value span {\n font-size: 0.95rem;\n font-weight: 500;\n color: var(--text-muted);\n margin-left: 0.4rem;\n }\n\n .reinraum-stat-card.alt .rs-value span {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .rs-range {\n display: flex;\n gap: 0.75rem;\n align-items: baseline;\n margin-top: 1rem;\n padding-top: 1rem;\n border-top: 1px dashed rgba(255, 255, 255, 0.15);\n }\n\n .reinraum-stat-card:not(.alt) .rs-range {\n border-top-color: var(--border);\n }\n\n .rs-range-v {\n font-family: \"DM Sans\", sans-serif;\n font-weight: 700;\n font-size: 1.6rem;\n line-height: 1;\n color: var(--text-primary);\n }\n\n .reinraum-stat-card.alt .rs-range-v {\n color: white;\n }\n\n .rs-range-l {\n font-family: monospace;\n font-size: 0.7rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text-muted);\n }\n\n .reinraum-stat-card.alt .rs-range-l {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .reinraum-twocol {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 2rem;\n align-items: stretch;\n margin-bottom: 2rem;\n }\n\n .reinraum-stability-chart {\n background: #0A1224;\n border-radius: 18px;\n padding: 2rem;\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .reinraum-stability-chart svg {\n width: 100%;\n height: auto;\n max-width: 460px;\n }\n\n .reinraum-stability-side {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .reinraum-stability-side .reinraum-stat-card {\n flex: 1;\n }\n\n .reinraum-bottom-note {\n margin-top: 2rem;\n padding: 1.5rem 1.75rem;\n background: rgba(63, 185, 80, 0.06);\n border: 1px solid rgba(63, 185, 80, 0.25);\n border-radius: 14px;\n font-size: 0.95rem;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n .reinraum-bottom-note strong {\n display: block;\n color: var(--success);\n font-weight: 600;\n font-size: 1rem;\n margin-bottom: 0.4rem;\n }\n\n \/* IGC ERG Schema (embedded from project) *\/\n .erg-schema-section {\n margin-top: 3rem;\n }\n .erg-schema-intro {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 2rem;\n }\n .erg-schema-intro h3 {\n font-family: \"DM Sans\", sans-serif;\n font-size: clamp(1.3rem, 2.4vw, 1.8rem);\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 0.75rem;\n }\n .erg-schema-intro h3 em {\n font-style: italic;\n color: var(--primary);\n }\n .erg-schema-intro p {\n color: var(--text-secondary);\n font-size: 0.98rem;\n line-height: 1.65;\n }\n .erg-diagram-frame {\n background: #0A1224;\n border-radius: 18px;\n padding: 2.5rem;\n box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);\n border: 1px solid var(--border);\n }\n @media (max-width: 768px) {\n .erg-diagram-frame { padding: 1.25rem; }\n }\n .erg-diagram-legend {\n margin-top: 1.75rem;\n display: flex;\n gap: 1.5rem;\n flex-wrap: wrap;\n justify-content: center;\n padding-top: 1.5rem;\n border-top: 1px solid var(--border);\n }\n .erg-legend-item {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--text-muted);\n }\n .erg-legend-item .erg-line-h { width: 28px; height: 3px; border-radius: 2px; }\n .erg-legend-item .erg-line-dashed {\n width: 28px; height: 3px;\n background-image: linear-gradient(90deg, currentColor 50%, transparent 50%);\n background-size: 8px 3px;\n background-repeat: repeat-x;\n color: #FF5C5C;\n }\n .erg-legend-item .erg-mark {\n width: 20px; height: 16px;\n background: linear-gradient(135deg, #2D69FF 50%, #7AA0FF 50%);\n border-radius: 3px;\n }\n .erg-legend-item .erg-swatch { width: 16px; height: 16px; border-radius: 4px; }\n \/* ERG-specific animations (schema-sensor\/sensor-2 already defined for reinraum schemas) *\/\n @keyframes erg-flow-dash { to { stroke-dashoffset: -20; } }\n @keyframes erg-pulse-led {\n 0%, 100% { opacity: 0.6; }\n 50% { opacity: 1; }\n }\n @keyframes erg-drip-pulse {\n 0%, 100% { opacity: 0.35; }\n 50% { opacity: 1; }\n }\n .schema-rueckluft {\n stroke-dasharray: 6 4;\n animation: erg-flow-dash 1.2s linear infinite;\n }\n .schema-led { animation: erg-pulse-led 3s ease-in-out infinite; }\n .schema-drip { animation: erg-drip-pulse 2s ease-in-out infinite; }\n @media (prefers-reduced-motion: reduce) {\n .schema-rueckluft, .schema-led, .schema-drip {\n animation: none !important;\n }\n }\n\n \/* Reference Section *\/\n .reference {\n padding: 6rem 2rem;\n background: var(--dark-lighter);\n }\n\n .reference-container {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 3rem;\n align-items: center;\n background: var(--dark-card);\n border: 1px solid var(--border);\n border-radius: 20px;\n overflow: hidden;\n }\n\n .reference-image {\n position: relative;\n height: 100%;\n min-height: 340px;\n }\n\n .reference-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n font-size: 0;\n filter: contrast(1.08) saturate(1.06) brightness(1.02);\n }\n\n .reference-content {\n padding: 3rem 3rem 3rem 0.5rem;\n }\n\n .reference-eyebrow {\n display: inline-block;\n color: var(--primary);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n }\n\n .reference-content h2 {\n font-family: \"DM Sans\", sans-serif;\n font-size: clamp(1.6rem, 2.8vw, 2.2rem);\n line-height: 1.18;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 1rem;\n }\n\n .reference-content h2 em {\n font-style: italic;\n color: var(--primary);\n }\n\n .reference-content p {\n color: var(--text-secondary);\n font-size: 1rem;\n line-height: 1.7;\n margin-bottom: 1.75rem;\n }\n\n @media (max-width: 768px) {\n .reference {\n padding: 3.5rem 1rem;\n }\n .reference-container {\n grid-template-columns: 1fr;\n gap: 0;\n }\n .reference-image {\n min-height: 240px;\n }\n .reference-content {\n padding: 2rem;\n }\n }\n\n \/* IGC Slider (CSS-only scroll-snap) *\/\n .igc-gallery {\n margin-top: 3rem;\n }\n .igc-gallery-header {\n text-align: center;\n max-width: 640px;\n margin: 0 auto 2rem;\n }\n .igc-gallery-header h3 {\n font-family: \"DM Sans\", sans-serif;\n font-size: clamp(1.2rem, 2.2vw, 1.6rem);\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 0.6rem;\n }\n .igc-gallery-header p {\n color: var(--text-secondary);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n .igc-slider {\n display: flex;\n gap: 1rem;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n padding-bottom: 1rem;\n scrollbar-width: thin;\n scrollbar-color: var(--primary) var(--dark-card);\n }\n .igc-slider::-webkit-scrollbar {\n height: 8px;\n }\n .igc-slider::-webkit-scrollbar-track {\n background: var(--dark-card);\n border-radius: 50px;\n }\n .igc-slider::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 50px;\n }\n .igc-slide {\n flex: 0 0 calc((100% - 2rem) \/ 3);\n scroll-snap-align: start;\n border-radius: 12px;\n overflow: hidden;\n background: var(--dark-card);\n border: 1px solid var(--border);\n aspect-ratio: 4 \/ 3;\n }\n .igc-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n font-size: 0;\n transition: transform 0.5s ease;\n filter: contrast(1.06) saturate(1.05);\n }\n .igc-slide:hover img {\n transform: scale(1.05);\n }\n .igc-slider-hint {\n text-align: center;\n margin-top: 0.5rem;\n font-size: 0.82rem;\n color: var(--text-muted);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n }\n .igc-slider-hint svg {\n width: 16px;\n height: 16px;\n stroke: var(--text-muted);\n stroke-width: 2;\n fill: none;\n }\n @media (max-width: 1024px) {\n .igc-slide {\n flex: 0 0 calc((100% - 1rem) \/ 2);\n }\n }\n @media (max-width: 768px) {\n .igc-slide {\n flex: 0 0 85%;\n }\n }\n\n \/* Components Section *\/\n .components {\n padding: 6rem 2rem;\n background: var(--dark);\n }\n\n .components-container {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .components-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n\n .component-card {\n background: var(--dark-card);\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--border);\n transition: all 0.3s;\n }\n\n .component-card:hover {\n border-color: var(--primary);\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(45, 105, 255, 0.1);\n }\n\n .component-visual {\n height: 120px;\n background: linear-gradient(\n 135deg,\n rgba(45, 105, 255, 0.1) 0%,\n rgba(45, 105, 255, 0.05) 100%\n );\n display: flex;\n align-items: center;\n justify-content: center;\n border-bottom: 1px solid var(--border);\n }\n\n .component-number {\n font-size: 3rem;\n font-weight: 700;\n color: var(--primary);\n opacity: 0.3;\n }\n\n .component-info {\n padding: 1.5rem;\n }\n\n .component-info h4 {\n color: var(--text-primary);\n margin-bottom: 0.75rem;\n font-size: 1.1rem;\n }\n\n .component-info p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1rem;\n }\n\n .component-list {\n list-style: none;\n }\n\n .component-list li {\n color: var(--text-muted);\n font-size: 0.85rem;\n margin-bottom: 0.5rem;\n padding-left: 1.2rem;\n position: relative;\n }\n\n .component-list li::before {\n content: \"\u203a\";\n position: absolute;\n left: 0;\n color: var(--primary);\n font-weight: bold;\n }\n\n \/* Room Comparison Section *\/\n .room-comparison {\n padding: 6rem 2rem;\n background: var(--dark-lighter);\n }\n\n .room-comparison-container {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .comparison-table-wrapper {\n overflow-x: auto;\n margin-bottom: 2rem;\n }\n\n .comparison-table {\n width: 100%;\n border-collapse: collapse;\n background: var(--dark-card);\n border-radius: 12px;\n overflow: hidden;\n }\n\n .comparison-table th,\n .comparison-table td {\n padding: 1.25rem;\n text-align: left;\n border-bottom: 1px solid var(--border);\n }\n\n .comparison-table th {\n background: var(--primary);\n color: white;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .comparison-table td {\n color: var(--text-secondary);\n font-size: 0.9rem;\n }\n\n .comparison-table tr:last-child td {\n border-bottom: none;\n }\n\n .compare-icon {\n display: inline-flex;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n font-size: 0.7rem;\n font-weight: bold;\n margin-right: 0.5rem;\n }\n\n .compare-icon.good {\n background: rgba(63, 185, 80, 0.2);\n color: var(--success);\n }\n\n .compare-icon.bad {\n background: rgba(248, 81, 73, 0.2);\n color: #f85149;\n }\n\n .recommendation-box {\n background: linear-gradient(\n 135deg,\n rgba(45, 105, 255, 0.1) 0%,\n rgba(63, 185, 80, 0.1) 100%\n );\n border: 1px solid var(--primary);\n border-radius: 12px;\n padding: 2rem;\n text-align: center;\n }\n\n .recommendation-box h4 {\n color: var(--text-primary);\n margin-bottom: 1rem;\n font-size: 1.2rem;\n }\n\n .recommendation-box p {\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n \/* Add-ons Section *\/\n .addons {\n padding: 6rem 2rem;\n background: var(--dark);\n }\n\n .addons-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .addons-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .lighting-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .addon-card {\n background: var(--dark-card);\n border-radius: 16px;\n padding: 2rem;\n border: 1px solid var(--border);\n position: relative;\n transition: all 0.3s;\n }\n\n .addon-card:hover {\n border-color: var(--primary);\n transform: translateY(-5px);\n }\n\n .addon-card.featured {\n border: 2px solid var(--primary);\n }\n\n .lighting-stat {\n display: flex;\n align-items: baseline;\n gap: 0.6rem;\n margin: 0.5rem 0 1rem;\n }\n\n .lighting-rows {\n font-size: 3.5rem;\n font-weight: 700;\n color: var(--primary);\n line-height: 1;\n }\n\n .lighting-rows-label {\n font-size: 0.85rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .standard-features-block {\n margin-top: 3rem;\n padding: 2rem;\n background: var(--dark-card);\n border: 1px solid var(--border);\n border-radius: 16px;\n }\n\n .standard-features-title {\n text-align: center;\n color: var(--text-primary);\n font-size: 1.15rem;\n margin-bottom: 1.5rem;\n font-weight: 600;\n }\n\n .standard-features-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n }\n\n .standard-feature {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem;\n background: rgba(255, 255, 255, 0.02);\n border-radius: 10px;\n }\n\n .standard-feature .icon {\n width: 22px;\n height: 22px;\n stroke: var(--primary);\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .standard-feature strong {\n display: block;\n color: var(--text-primary);\n font-size: 0.95rem;\n font-weight: 600;\n margin-bottom: 0.25rem;\n }\n\n .standard-feature span {\n display: block;\n color: var(--text-secondary);\n font-size: 0.85rem;\n line-height: 1.5;\n }\n\n .addon-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: var(--primary);\n color: white;\n padding: 0.3rem 0.8rem;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 600;\n }\n\n .addon-card h4 {\n color: var(--text-primary);\n margin-bottom: 1rem;\n padding-right: 80px;\n }\n\n .addon-card p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n }\n\n .addon-compatibility {\n display: flex;\n gap: 0.5rem;\n }\n\n .compat-tag {\n background: var(--dark);\n color: var(--text-muted);\n padding: 0.4rem 0.8rem;\n border-radius: 50px;\n font-size: 0.8rem;\n }\n\n .compat-tag.recommended {\n background: rgba(63, 185, 80, 0.15);\n color: var(--success);\n }\n\n \/* Climate Fact (rare summer days info) *\/\n .climate-fact {\n margin-top: 2.5rem;\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n padding: 1.5rem 1.75rem;\n background: rgba(45, 105, 255, 0.04);\n border: 1px solid rgba(45, 105, 255, 0.18);\n border-radius: 14px;\n }\n\n .climate-fact-icon {\n width: 44px;\n height: 44px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(45, 105, 255, 0.12);\n border-radius: 50%;\n }\n\n .climate-fact-icon .icon {\n width: 22px;\n height: 22px;\n stroke: var(--primary);\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n }\n\n .climate-fact-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n }\n\n .climate-fact-content strong {\n color: var(--text-primary);\n font-size: 1rem;\n font-weight: 600;\n }\n\n .climate-fact-content span {\n color: var(--text-secondary);\n font-size: 0.92rem;\n line-height: 1.65;\n }\n\n \/* Individual Box *\/\n .individual-box {\n margin-top: 3rem;\n background: var(--dark-card);\n border-radius: 16px;\n border: 1px solid var(--border);\n padding: 2rem 3rem;\n }\n\n .individual-box:hover {\n border-color: var(--primary);\n }\n\n .individual-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 3rem;\n }\n\n .individual-text {\n flex: 1;\n }\n\n .individual-text h3 {\n font-size: 1.5rem;\n color: var(--text-primary);\n margin-bottom: 0.75rem;\n }\n\n .individual-text p {\n color: var(--text-secondary);\n font-size: 0.95rem;\n margin-bottom: 1rem;\n line-height: 1.6;\n }\n\n .individual-features {\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem 2rem;\n }\n\n .individual-features li {\n color: var(--text-muted);\n font-size: 0.9rem;\n position: relative;\n padding-left: 1.2rem;\n }\n\n .individual-features li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--primary);\n font-weight: bold;\n }\n\n .individual-cta {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 1rem;\n min-width: 200px;\n }\n\n .individual-badge {\n background: rgba(45, 105, 255, 0.15);\n color: var(--primary);\n padding: 0.4rem 1rem;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 600;\n }\n\n @media (max-width: 1024px) {\n .individual-content {\n flex-direction: column;\n align-items: flex-start;\n gap: 2rem;\n }\n\n .individual-cta {\n align-items: flex-start;\n width: 100%;\n }\n\n .individual-box {\n padding: 2rem;\n }\n }\n\n @media (max-width: 768px) {\n .individual-features {\n flex-direction: column;\n gap: 0.5rem;\n }\n }\n\n \/* Responsive for new sections *\/\n @media (max-width: 1024px) {\n .semiloop-grid,\n .erg-grid {\n grid-template-columns: 1fr;\n }\n\n .semiloop-features {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .components-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .capacity-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .lighting-grid {\n grid-template-columns: 1fr;\n }\n\n .standard-features-grid {\n grid-template-columns: 1fr;\n }\n\n .warmwasser-grid {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n\n .warmwasser-content h2 {\n font-size: 2rem;\n }\n\n .reinraum-twocol {\n grid-template-columns: 1fr;\n }\n\n .reinraum-stats {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .semiloop-features {\n grid-template-columns: 1fr;\n }\n\n .components-grid,\n .addons-grid,\n .lighting-grid {\n grid-template-columns: 1fr;\n }\n\n .capacity-grid {\n grid-template-columns: 1fr;\n }\n\n .standard-features-grid {\n grid-template-columns: 1fr;\n }\n\n .warmwasser-comparison {\n grid-template-columns: 1fr;\n gap: 0.75rem;\n }\n\n .ww-vs {\n padding: 0.5rem 0;\n }\n\n .warmwasser {\n padding: 4rem 1rem;\n }\n\n .warmwasser-content h2 {\n font-size: 1.6rem;\n }\n\n .reinraum {\n padding: 4rem 1rem;\n }\n\n .reinraum-diagram-frame {\n padding: 1.25rem;\n }\n\n .reinraum-stability-chart {\n padding: 1.25rem;\n }\n\n .reinraum .section-header h2 {\n font-size: 1.6rem;\n }\n\n .chart-bars-vertical {\n gap: 2rem;\n }\n\n .v-bar {\n width: 70px;\n }\n }\n\n \/* Process Section *\/\n .process {\n padding: 6rem 2rem;\n background: var(--dark-lighter);\n }\n\n .process-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .process-header {\n text-align: center;\n margin-bottom: 2.5rem;\n }\n\n .process-header h2 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 2.5rem;\n margin-bottom: 1rem;\n color: var(--text-primary);\n font-weight: 700;\n }\n\n .process-header p {\n color: var(--text-secondary);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* Process toggle (CSS-only radio tabs) *\/\n .process-toggle {\n display: inline-flex;\n margin: 0 auto 3rem;\n background: var(--dark-card);\n border: 1px solid var(--border);\n border-radius: 50px;\n padding: 0.35rem;\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .process-toggle input[type=\"radio\"] {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n }\n\n .process-toggle-btn {\n padding: 0.65rem 1.75rem;\n border-radius: 50px;\n font-weight: 600;\n font-size: 0.9rem;\n color: var(--text-secondary);\n cursor: pointer;\n transition: all 0.3s;\n user-select: none;\n }\n\n .process-toggle input:checked + .process-toggle-btn {\n background: var(--primary);\n color: white;\n box-shadow: 0 4px 14px rgba(45, 105, 255, 0.35);\n }\n\n .process-toggle-btn:hover {\n color: var(--text-primary);\n }\n\n .process-toggle input:checked + .process-toggle-btn:hover {\n color: white;\n }\n\n \/* Process step duration is set by JS based on toggle state *\/\n\n .process-summary {\n margin-top: 3rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .process-summary p {\n background: var(--dark-card);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1.5rem;\n font-size: 0.9rem;\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n .process-summary strong {\n color: var(--text-primary);\n display: inline-block;\n margin-right: 0.4rem;\n }\n\n .process-summary-igc {\n color: var(--primary) !important;\n }\n\n .process-summary-individual {\n color: var(--success) !important;\n }\n\n .process-summary em {\n font-style: italic;\n color: var(--primary);\n }\n\n .process-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n\n .process-step {\n background: var(--dark-card);\n border-radius: 16px;\n padding: 2rem 1.5rem;\n text-align: center;\n position: relative;\n transition: all 0.3s;\n border: 1px solid var(--border);\n }\n\n .process-step:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(45, 105, 255, 0.1);\n border-color: var(--primary);\n }\n\n .process-step:nth-child(1)::after,\n .process-step:nth-child(2)::after {\n content: \"\u2192\";\n position: absolute;\n right: -1.5rem;\n top: 50%;\n transform: translateY(-50%);\n color: var(--primary);\n font-size: 1.5rem;\n font-weight: 700;\n }\n\n .process-step:nth-child(3)::after {\n content: \"\u2198\";\n position: absolute;\n right: 50%;\n bottom: -1.5rem;\n transform: translateX(50%);\n color: var(--primary);\n font-size: 1.5rem;\n font-weight: 700;\n }\n\n .process-step:nth-child(4)::after,\n .process-step:nth-child(5)::after {\n content: \"\u2192\";\n position: absolute;\n right: -1.5rem;\n top: 50%;\n transform: translateY(-50%);\n color: var(--primary);\n font-size: 1.5rem;\n font-weight: 700;\n }\n\n .process-number {\n width: 50px;\n height: 50px;\n background: var(--primary);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n font-weight: 700;\n margin: 0 auto 1.5rem;\n }\n\n .process-step h4 {\n font-size: 1rem;\n margin-bottom: 0.75rem;\n color: var(--text-primary);\n }\n\n .process-step p {\n font-size: 0.85rem;\n color: var(--text-secondary);\n }\n\n .process-duration {\n display: inline-block;\n background: var(--primary);\n padding: 0.25rem 0.75rem;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 600;\n color: white;\n margin-top: 1rem;\n }\n\n \/* CTA Section *\/\n .cta {\n padding: 6rem 2rem;\n background: linear-gradient(135deg, var(--primary) 0%, #1a5af0 100%);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta::before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(\n circle at 30% 70%,\n rgba(255, 255, 255, 0.1) 0%,\n transparent 50%\n );\n pointer-events: none;\n }\n\n .cta-container {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta h2 {\n font-family: \"DM Sans\", sans-serif;\n font-size: 2.75rem;\n margin-bottom: 1.5rem;\n color: white;\n font-weight: 700;\n }\n\n .cta > p {\n font-size: 1.2rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 2.5rem;\n }\n\n .cta-buttons {\n display: flex;\n gap: 1rem;\n justify-content: center;\n margin-bottom: 3rem;\n }\n\n .cta-features {\n display: flex;\n justify-content: center;\n gap: 2.5rem;\n flex-wrap: wrap;\n margin-top: 1rem;\n }\n\n .cta-feature {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.95);\n font-size: 0.95rem;\n padding: 0.5rem 1rem;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 50px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n .cta-feature:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-2px);\n }\n\n .cta-feature::before {\n content: \"\u2713\";\n width: 20px;\n height: 20px;\n background: rgba(255, 255, 255, 0.25);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.75rem;\n font-weight: 700;\n }\n\n .cta-btn-primary {\n background: white !important;\n color: var(--primary) !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25),\n 0 0 0 1px rgba(255, 255, 255, 0.1) inset;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .cta-btn-primary::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(45, 105, 255, 0.1),\n transparent\n );\n transition: left 0.5s;\n }\n\n .cta-btn-primary:hover::before {\n left: 100%;\n }\n\n .cta-btn-primary:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35),\n 0 0 0 1px rgba(255, 255, 255, 0.2) inset;\n background: #f8f9ff !important;\n }\n\n .cta-btn-secondary {\n background: rgba(255, 255, 255, 0.08) !important;\n color: white !important;\n border: 2px solid rgba(255, 255, 255, 0.35) !important;\n backdrop-filter: blur(10px);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .cta-btn-secondary::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.1),\n transparent\n );\n transition: left 0.5s;\n }\n\n .cta-btn-secondary:hover::before {\n left: 100%;\n }\n\n .cta-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.15) !important;\n border-color: rgba(255, 255, 255, 0.6) !important;\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px) {\n .hero-container {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .hero-subtitle {\n margin-left: auto;\n margin-right: auto;\n }\n\n .hero-stats {\n justify-content: center;\n }\n\n .hero-buttons {\n justify-content: center;\n }\n\n .hero-visual {\n order: -1;\n }\n\n .hero-image-container {\n max-width: 400px;\n }\n\n .hero-float-card {\n display: none;\n }\n\n .products-grid {\n grid-template-columns: 1fr;\n max-width: 500px;\n }\n\n .roi-grid,\n .advantage-grid {\n grid-template-columns: 1fr;\n }\n\n .process-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .process-step::after {\n display: none !important;\n }\n\n .timeline-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .timeline-grid::before {\n display: none;\n }\n }\n\n @media (max-width: 768px) {\n .hero {\n padding: 3rem 1.5rem;\n }\n\n .hero h1 {\n font-size: 2rem;\n }\n\n .hero-stats {\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .process-grid {\n grid-template-columns: 1fr;\n }\n\n .process-summary {\n grid-template-columns: 1fr;\n }\n\n .process-toggle-btn {\n padding: 0.55rem 1.2rem;\n font-size: 0.85rem;\n }\n\n .roi {\n padding: 4rem 1rem;\n }\n\n .roi-header p {\n font-size: 0.95rem;\n }\n\n .roi-grid {\n gap: 2rem;\n }\n\n .roi-content h3 {\n font-size: 1.5rem;\n }\n\n .roi-highlights {\n grid-template-columns: 1fr;\n }\n\n .orb-1,\n .orb-2,\n .orb-3 {\n display: none;\n }\n\n .v-bar-badge {\n font-size: 0.6rem;\n padding: 0.2rem 0.4rem;\n top: -8px;\n right: -8px;\n }\n\n .comparison-table-wrapper {\n -webkit-overflow-scrolling: touch;\n }\n\n .comparison-table th,\n .comparison-table td {\n padding: 0.75rem 0.5rem;\n font-size: 0.8rem;\n }\n\n .roi,\n .advantage,\n .semiloop,\n .erg-detail,\n .components,\n .room-comparison,\n .addons,\n .process,\n .cta {\n padding: 4rem 1rem;\n }\n\n .individual-cta {\n min-width: auto;\n align-items: stretch;\n }\n\n .chart-visual {\n gap: 2rem;\n }\n\n .chart-bar {\n width: 70px;\n }\n\n .chart-legend {\n flex-direction: column;\n gap: 0.75rem;\n align-items: center;\n }\n\n .section-header h2,\n .products-header h2,\n .advantage-content h2,\n .process-header h2,\n .cta h2,\n .roi-header h2 {\n font-size: 1.75rem;\n }\n\n .mouse-glow {\n display: none;\n }\n\n .cta-buttons {\n flex-direction: column;\n }\n\n .timeline-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n\n <!-- =========================================================\n JSON-LD Structured Data\n TODO: Fill placeholders marked with [...] before going live.\n These can be set\/overridden via Yoast or Rank Math in WP.\n ========================================================== -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": \"Organization\",\n \"@id\": \"https:\/\/carbonactive.com\/#organization\",\n \"name\": \"CarbonActive\",\n \"url\": \"https:\/\/carbonactive.com\",\n \"logo\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\/\/carbonactive.com\/wp-content\/uploads\/logo.png\"\n },\n \"sameAs\": [\n \"https:\/\/www.linkedin.com\/company\/carbonactive\/\"\n ],\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+41-41-711-11-75\",\n \"contactType\": \"sales\",\n \"areaServed\": [\"DE\", \"CH\", \"AT\"],\n \"availableLanguage\": [\"German\", \"English\"]\n }\n },\n {\n \"@type\": \"WebPage\",\n \"@id\": \"[CANONICAL-URL]#webpage\",\n \"url\": \"[CANONICAL-URL]\",\n \"name\": \"Anbauanlagen f\u00fcr medizinisches Cannabis (GMP) | CarbonActive\",\n \"description\": \"GMP-konforme Indoor-Anbauanlagen f\u00fcr medizinisches Cannabis nach AMG. Filterkaskaden bis HEPA H13, Druckkaskaden zwischen Reinraum-Zonen, Vier-Rohr-System f\u00fcr \u00b10.5 K Klima-Stabilit\u00e4t.\",\n \"inLanguage\": \"de-DE\",\n \"isPartOf\": {\n \"@id\": \"https:\/\/carbonactive.com\/#website\"\n },\n \"about\": {\n \"@id\": \"https:\/\/carbonactive.com\/#organization\"\n },\n \"primaryImageOfPage\": {\n \"@type\": \"ImageObject\",\n \"url\": \"https:\/\/carbonactive.com\/wp-content\/uploads\/2026\/03\/IMG_9273-3.jpg\"\n }\n },\n {\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n {\n \"@type\": \"ListItem\",\n \"position\": 1,\n \"name\": \"Startseite\",\n \"item\": \"https:\/\/carbonactive.com\/\"\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 2,\n \"name\": \"L\u00f6sungen\",\n \"item\": \"https:\/\/carbonactive.com\/loesungen\/\"\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 3,\n \"name\": \"Medizinisches Cannabis\"\n }\n ]\n },\n {\n \"@type\": \"Product\",\n \"name\": \"Indoor Growing Compartment (IGC) f\u00fcr medizinischen Cannabis\",\n \"description\": \"GMP-konformer Cannabis-Anbauraum mit HEPA-Filterkaskade (F7-F9-H13), Druckkaskade zwischen Reinraum-Zonen und Vier-Rohr-System f\u00fcr reproduzierbares \u00b10.5 K Klima. Pharma-Grade-Output f\u00fcr Apotheken-Belieferung und Export.\",\n \"brand\": {\n \"@id\": \"https:\/\/carbonactive.com\/#organization\"\n },\n \"image\": \"https:\/\/carbonactive.com\/wp-content\/uploads\/2026\/03\/IMG_9273-3.jpg\",\n \"category\": \"Indoor Cultivation Systems\",\n \"hasVariant\": [\n {\n \"@type\": \"Product\",\n \"name\": \"IGC Basic\",\n \"description\": \"Saisonal optimales Klimasystem mit Energie-R\u00fcckgewinnung \u2014 ca. 70 % des Jahres ohne aktive Klimatisierung.\"\n },\n {\n \"@type\": \"Product\",\n \"name\": \"IGC Professional\",\n \"description\": \"Ganzj\u00e4hrig optimales Klima mit Industrie-Klimaanlage und Warmwasserspeicher f\u00fcr stromsparende Entfeuchtung.\"\n }\n ]\n }\n ]\n }\n <\/script>\n \n \n <!-- Background Animations -->\n <div class=\"bg-gradient-mesh\"><\/div>\n <div class=\"floating-orbs\">\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"orb orb-3\"><\/div>\n <\/div>\n <div class=\"mouse-glow\" id=\"mouseGlow\"><\/div>\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"hero-container\">\n <div class=\"hero-content reveal-left\">\n <div class=\"hero-badge\">Swiss Facility Solutions<\/div>\n <h1>Cultivation solutions for <em>medicinal cannabis<\/em><\/h1>\n <p class=\"hero-subtitle\">\n Pharma-grade quality, documented purity, reproducible\n climate. <span class=\"ca-active\">CarbonActive<\/span> supplies\n GMP-compliant indoor facilities with HEPA filter cascade, pressure cascades\n between cleanroom zones and four-pipe air conditioning technology - for\n validatable pharmaceutical output. \n <\/p>\n\n <div class=\"hero-stats\">\n <div class=\"stat\">\n <span class=\"stat-value\">H13<\/span>\n <span class=\"stat-label\">HEPA filter stage in the supply air<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-value\">\u00b10.5 K<\/span>\n <span class=\"stat-label\">Temperature tolerance<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-value\">ISO 7\/8<\/span>\n <span class=\"stat-label\">Clean room class validatable<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-buttons\">\n <a href=\"https:\/\/meetings-eu1.hubspot.com\/lminks\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary btn-large\" style=\"background:#2d69ff;color:#fff;\">Enquiry about GMP consulting<\/a>\n <a href=\"#filter-kaskade\" class=\"btn btn-outline btn-large\" style=\"background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.25);\">Discover cleanroom technology<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual reveal-right\">\n <div class=\"hero-image-container parallax\" data-speed=\"0.05\">\n <div class=\"hero-image-bg\"><\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.com\/wp-content\/uploads\/2026\/03\/IMG_9273-3.jpg\" alt=\"Interior view of a CarbonActive Indoor Growing Compartment for medicinal cannabis cultivation according to GMP standards with cleanroom-compatible LED lighting and filter cascade\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 16px; font-size: 0;\">\n <\/div>\n <div class=\"hero-float-card card-1\">\n <div class=\"float-card-label\">Filter cascade<\/div>\n <div class=\"float-card-value primary\">F7 \u2192 F9 \u2192 H13<\/div>\n <\/div>\n <div class=\"hero-float-card card-2\">\n <div class=\"float-card-label\">Climate stability<\/div>\n <div class=\"float-card-value success\">\u00b10.5 K - \u00b13 % rH<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Capacity Section: how many members per IGC -->\n <section class=\"capacity\" id=\"kapazitaet\">\n <div class=\"capacity-container\">\n <div class=\"section-header reveal\">\n <h2>How many patients per IGC?<\/h2>\n <p>\n Before we talk about GMP cleanroom technology - the most important figure\n first: how many patients you can supply reliably and in pharmaceutical quality with a single Indoor Growing\n Compartment\n.\n <\/p>\n <\/div>\n <div class=\"capacity-grid stagger-children\">\n <div class=\"capacity-card reveal-scale\">\n <div class=\"capacity-tier\">1 IGC<\/div>\n <div class=\"capacity-number\">\n <span class=\"capacity-value\">275<\/span>\n <span class=\"capacity-label\">PATIENTS<\/span>\n <\/div>\n <p class=\"capacity-detail\">at 25 g \/ month<\/p>\n <div class=\"capacity-bar\">\n <div class=\"capacity-bar-fill\" style=\"width: 25%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"capacity-card reveal-scale\">\n <div class=\"capacity-tier\">2 IGCs<\/div>\n <div class=\"capacity-number\">\n <span class=\"capacity-value\">550<\/span>\n <span class=\"capacity-label\">Patients<\/span>\n <\/div>\n <p class=\"capacity-detail\">at 25 g \/ month<\/p>\n <div class=\"capacity-bar\">\n <div class=\"capacity-bar-fill\" style=\"width: 50%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"capacity-card reveal-scale\">\n <div class=\"capacity-tier\">3 IGCs<\/div>\n <div class=\"capacity-number\">\n <span class=\"capacity-value\">825<\/span>\n <span class=\"capacity-label\">PATIENTS<\/span>\n <\/div>\n <p class=\"capacity-detail\">at 25 g \/ month<\/p>\n <div class=\"capacity-bar\">\n <div class=\"capacity-bar-fill\" style=\"width: 75%;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"capacity-card capacity-card-featured reveal-scale\">\n <span class=\"capacity-badge\">Economies of scale<\/span>\n <div class=\"capacity-tier\">Individual<\/div>\n <div class=\"capacity-number\">\n <span class=\"capacity-value\">1000+<\/span>\n <span class=\"capacity-label\">patients<\/span>\n <\/div>\n <p class=\"capacity-detail\">at 25 g \/ month<\/p>\n <div class=\"capacity-bar\">\n <div class=\"capacity-bar-fill\" style=\"width: 100%;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"capacity-assumptions reveal\">\n <span class=\"capacity-assumptions-label\">Assumptions:<\/span>\n <span>500 g\/m\u00b2 yield<\/span>\n <span class=\"capacity-sep\">-<\/span>\n <span>4.7 passes per year<\/span>\n <span class=\"capacity-sep\">-<\/span>\n <span>36 m\u00b2 net cultivation area per IGC<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Timeline Section -->\n <section class=\"timeline\">\n <div class=\"timeline-container\">\n <div class=\"section-header reveal\">\n <h2>From the recipe to your own facility<\/h2>\n <p>\n The German market for medicinal cannabis is growing exponentially -\n and the supply gap between prescriptions and\n pharma-grade production is large. Those who build now will secure\n pharmacy supply contracts. \n <\/p>\n <\/div>\n <div class=\"timeline-grid stagger-children\">\n <div class=\"timeline-item reveal-scale\">\n <span class=\"timeline-date\">2017<\/span>\n <div class=\"timeline-dot\"><\/div>\n <div class=\"timeline-content\">\n <h4>MEDICINAL CANNABIS as medicine<\/h4>\n <p>\n Prescription capability introduced - start of the\n German pharmaceutical cannabis market\n <\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item reveal-scale\">\n <span class=\"timeline-date\">Apr 2024<\/span>\n <div class=\"timeline-dot\"><\/div>\n <div class=\"timeline-content\">\n <h4>BtM deletion<\/h4>\n <p>\n Cannabis out of the BtMVV - simplified prescription,\n explosive growth in demand\n <\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item reveal-scale\">\n <span class=\"timeline-date\">2025<\/span>\n <div class=\"timeline-dot\"><\/div>\n <div class=\"timeline-content\">\n <h4>Supply gap<\/h4>\n <p>\n Import dependency as a risk - pharmacies are looking for reliable\n EU GMP suppliers\n <\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item reveal-scale\">\n <span class=\"timeline-date\">Now<\/span>\n <div class=\"timeline-dot\"><\/div>\n <div class=\"timeline-content\">\n <h4>Secure market share<\/h4>\n <p>\n GMP-compliant local production displaces imports and secures long-lasting pharmacy contracts\n \n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Products Section -->\n <section class=\"products\" id=\"produkte\">\n <div class=\"products-container\">\n <div class=\"products-header\">\n <h2>Indoor Growing Compartments<\/h2>\n <p>\n GMP compliance requires reproducible conditions. The IGC is\n <span class=\"ca-active\">CarbonActive<\/span>'s answer to this: a\n pre-configured cultivation room's with the same yield in two\n climate variants - you choose whether or not you need daytime operation, even in midsummer\n. \n <\/p>\n <\/div>\n\n <div class=\"products-grid stagger-children\" id=\"products-grid\">\n <div class=\"product-card reveal-scale\">\n <div class=\"product-visual\">\n <div class=\"product-visual-content\">\n <h4>IGC Basic<\/h4>\n <span>Seasonally optimal<\/span>\n <\/div>\n <\/div>\n <div class=\"product-info\">\n <ul class=\"product-features\">\n <li>Energy recovery for passive cooling & dehumidification<\/li>\n <li>Optimum climate for approx. 70 % of the year without aids<\/li>\n <li>In midsummer: light phase at night, dark phase during the day<\/li>\n <li>Integrated active CO\u2082 fumigation<\/li>\n <li>4 walls, lateral ventilation, height-adjustable lighting<\/li>\n <li>36 m\u00b2 net cultivation area (50-60 m\u00b2 gross)<\/li>\n <li>Upgrade to Professional possible at any time<\/li>\n <\/ul>\n <a href=\"https:\/\/meetings-eu1.hubspot.com\/lminks\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline product-cta\" style=\"background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.25);\">\n Arrange a consultation\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"product-card featured reveal-scale\">\n <span class=\"product-badge\">Recommended<\/span>\n <div class=\"product-visual\">\n <div class=\"product-visual-content\">\n <h4>IGC Professional<\/h4>\n <span>Daytime operation all year round<\/span>\n <\/div>\n <\/div>\n <div class=\"product-info\">\n <ul class=\"product-features\">\n <li>All the basic features plus:<\/li>\n <li>Industrial climate control system with outdoor climate control unit<\/li>\n <li>Energy-saving dehumidification through waste heat recovery from cooling<\/li>\n <li>Light phase also possible during the day all year round<\/li>\n <li>Low temperature and air humidity - even on humid days<\/li>\n <li>Ideal for crop steering & rockwool cultivation<\/li>\n <\/ul>\n <a href=\"https:\/\/meetings-eu1.hubspot.com\/lminks\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary product-cta\" style=\"background:#2d69ff;color:#fff;\">\n Arrange a consultation\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- IGC Slider -->\n <div class=\"igc-gallery reveal\">\n <div class=\"igc-gallery-header\">\n <h3>Impressions from realized facilities<\/h3>\n <p>\n Insights into built indoor growing compartments - from the\n air-conditioning technology to the finished cultivation room's.\n <\/p>\n <\/div>\n <div class=\"igc-slider\">\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-20-at-11.45.53.jpeg\" alt=\"Indoor Growing Compartment from CarbonActive - cultivation room's with LED lighting\" loading=\"lazy\">\n <\/div>\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/fde90657-0118-414b-a9a0-81f90a488e40.jpg\" alt=\"CarbonActive IGC - Detailed view of the air conditioning technology\" loading=\"lazy\">\n <\/div>\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/fda05aa0-25ff-4bbd-a523-777ef76fb37b.jpg\" alt=\"Indoor Growing Compartment - Indoor cultivation facility and cultivation area\" loading=\"lazy\">\n <\/div>\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/f712a974-0099-42e1-95bb-c8f65b9520f8.jpg\" alt=\"CarbonActive IGC - Ventilation and filter technology in detail\" loading=\"lazy\">\n <\/div>\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/ea6beaf4-2e4a-4a5e-8667-f327d8b5a3f0.jpg\" alt=\"Indoor Growing Compartment - cultivation room's with plants\" loading=\"lazy\">\n <\/div>\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/c19c9874-7a85-421c-84eb-4718d48a2511.jpg\" alt=\"CarbonActive IGC - climate control and sensor technology\" loading=\"lazy\">\n <\/div>\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/bbf1b7fc-8584-47bb-b482-a71151fc6fd9.jpg\" alt=\"Indoor Growing Compartment - Lighting and irrigation\" loading=\"lazy\">\n <\/div>\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/955931e5-1594-4863-b1c3-dad24e7fa79e.jpg\" alt=\"CarbonActive IGC - completed cultivation facility\" loading=\"lazy\">\n <\/div>\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/IMG_9637.jpg\" alt=\"Indoor Growing Compartment - Facility in operation\" loading=\"lazy\">\n <\/div>\n <div class=\"igc-slide\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/IMG_9579-2.jpg\" alt=\"CarbonActive IGC - General view of the cultivation room'S\" loading=\"lazy\">\n <\/div>\n <\/div>\n <div class=\"igc-slider-hint\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n Swipe or scroll for more\n <\/div>\n <\/div>\n\n <!-- Schw\u00fcle-Sommertage Info -->\n <div class=\"climate-fact reveal\">\n <div class=\"climate-fact-icon\">\n <svg class=\"icon\" viewbox=\"0 0 24 24\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n <\/div>\n <div class=\"climate-fact-content\">\n <strong>When exactly will Basic reach its barriers?<\/strong>\n <span>\n In Germany, conditions of over 30 \u00b0C and more than 60 % relative humidity occur at the same time\n. air humidity typically under 50 hours\n a year. If you can switch to night light phases during this time\n, you can get away with Basic all year round. If you want to work at any time during the day\n and maintain the target climate exactly\n even on humid summer days, choose Professional. \n <\/span>\n <\/div>\n <\/div>\n\n <!-- Individual Anlagen Box -->\n <div class=\"individual-box reveal\">\n <div class=\"individual-content\">\n <div class=\"individual-text\">\n <h3>Custom Facilities<\/h3>\n <p>For projects with 4 IGCs or more (144m\u00b2 net cultivation area), it is worth planning a customized facility with an optimized climate control system.<\/p>\n <ul class=\"individual-features\">\n <li>Highly efficient, fully integrated air conditioning system<\/li>\n <li>Lower initial and ongoing costs per m\u00b2<\/li>\n <li>Economies of scale through central components<\/li>\n <li>Tailor-made for your building characteristics<\/li>\n <\/ul>\n <\/div>\n <div class=\"individual-cta\">\n <div class=\"individual-badge\">Recommended from 144m\u00b2<\/div>\n <a href=\"https:\/\/meetings-eu1.hubspot.com\/lminks\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\" style=\"background:#2d69ff;color:#fff;\">Request individual advice<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <!-- Filter Cascade Section (Pure Pharma SVG) -->\n <section class=\"reinraum\" id=\"filter-kaskade\">\n <div class=\"reinraum-container\">\n <div class=\"section-header reveal\">\n <span class=\"reinraum-eyebrow\">GMP compliance - Step 1<\/span>\n <h2>How the <em>filter cascade<\/em> works<\/h2>\n <p>\n In a GMP-compliant facility, outside air is not introduced directly\n - it passes through a multi-stage cleaning cascade.\n Each variant removes finer particles before the air enters the\n GMP zone. The result: HEPA filtration at\n HEPA level, documented and validatable. \n <\/p>\n <\/div>\n <div class=\"reinraum-diagram-frame reveal\">\n<svg class=\"schema-desktop\" viewbox=\"0 0 1080 470\" preserveaspectratio=\"xMidYMid meet\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Filterkaskade F7 \u00b7 F9 \u00b7 H13 f\u00fcr GMP-Reinraum\" style=\"width:100%;height:auto;aspect-ratio:1080\/470;display:block;\">\n <defs>\n <marker id=\"arrow-blue\" viewbox=\"0 0 10 10\" refx=\"9\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\">\n <path d=\"M0,0 L10,5 L0,10 z\" fill=\"#2D69FF\"><\/path>\n <\/marker>\n <marker id=\"arrow-blue-light\" viewbox=\"0 0 10 10\" refx=\"9\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\">\n <path d=\"M0,0 L10,5 L0,10 z\" fill=\"#7AA0FF\"><\/path>\n <\/marker>\n <marker id=\"arrow-grey\" viewbox=\"0 0 10 10\" refx=\"9\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\">\n <path d=\"M0,0 L10,5 L0,10 z\" fill=\"#8893A6\"><\/path>\n <\/marker>\n <lineargradient id=\"cleanroom-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#0E1426\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#152040\"><\/stop>\n <\/lineargradient>\n <lineargradient id=\"filter-f7\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#5B6478\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#3A4256\"><\/stop>\n <\/lineargradient>\n <lineargradient id=\"filter-f9\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#4F84FF\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#1740A8\"><\/stop>\n <\/lineargradient>\n <lineargradient id=\"filter-h13\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#FFFFFF\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#A8B2C5\"><\/stop>\n <\/lineargradient>\n <pattern id=\"dots-pp\" x=\"0\" y=\"0\" width=\"14\" height=\"14\" patternunits=\"userSpaceOnUse\">\n <circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"#1A2540\"><\/circle>\n <\/pattern>\n <\/defs>\n\n <rect x=\"0\" y=\"0\" width=\"1080\" height=\"470\" fill=\"url(#dots-pp)\"><\/rect>\n\n <!-- Aussenluft Inlet -->\n <g>\n <text x=\"60\" y=\"160\" text-anchor=\"middle\" font-family=\"Archivo, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#8893A6\" letter-spacing=\"1.5\">AUSSEN-<\/text>\n <text x=\"60\" y=\"174\" text-anchor=\"middle\" font-family=\"Archivo, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#8893A6\" letter-spacing=\"1.5\">LUFT<\/text>\n <text x=\"60\" y=\"194\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#5B6478\" letter-spacing=\"1\">unbehandelt<\/text>\n <!-- particle dots representing dirty air -->\n <circle cx=\"40\" cy=\"220\" r=\"2.5\" fill=\"#8893A6\" opacity=\"0.7\"\/>\n <circle cx=\"55\" cy=\"225\" r=\"2\" fill=\"#8893A6\" opacity=\"0.6\"\/>\n <circle cx=\"70\" cy=\"218\" r=\"3\" fill=\"#8893A6\" opacity=\"0.8\"\/>\n <circle cx=\"85\" cy=\"228\" r=\"2\" fill=\"#8893A6\" opacity=\"0.5\"\/>\n <circle cx=\"50\" cy=\"240\" r=\"2.2\" fill=\"#8893A6\" opacity=\"0.6\"\/>\n <circle cx=\"75\" cy=\"245\" r=\"2.5\" fill=\"#8893A6\" opacity=\"0.7\"\/>\n <\/g>\n\n <!-- Flow line -->\n <line x1=\"100\" y1=\"230\" x2=\"160\" y2=\"230\" stroke=\"#8893A6\" stroke-width=\"3\" marker-end=\"url(#arrow-grey)\"><\/line>\n\n <!-- Filter F7 -->\n <g>\n <rect x=\"170\" y=\"170\" width=\"120\" height=\"120\" rx=\"10\" fill=\"url(#filter-f7)\" stroke=\"#5B6478\" stroke-width=\"2\"\/>\n <!-- pleated filter visual -->\n <g stroke=\"#0A1224\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.6\">\n <path d=\"M 185 195 L 195 215 L 185 235 L 195 255 L 185 275\"\/>\n <path d=\"M 200 195 L 210 215 L 200 235 L 210 255 L 200 275\"\/>\n <path d=\"M 215 195 L 225 215 L 215 235 L 225 255 L 215 275\"\/>\n <path d=\"M 230 195 L 240 215 L 230 235 L 240 255 L 230 275\"\/>\n <path d=\"M 245 195 L 255 215 L 245 235 L 255 255 L 245 275\"\/>\n <path d=\"M 260 195 L 270 215 L 260 235 L 270 255 L 260 275\"\/>\n <path d=\"M 275 195 L 285 215 L 275 235 L 285 255 L 275 275\"\/>\n <\/g>\n <rect x=\"170\" y=\"170\" width=\"120\" height=\"20\" rx=\"10\" ry=\"0\" fill=\"#0A1224\" opacity=\"0.5\"\/>\n <text x=\"230\" y=\"184\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"11\" fill=\"white\" letter-spacing=\"2\">F7<\/text>\n <text x=\"230\" y=\"320\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"13\" fill=\"white\" letter-spacing=\"1.5\">VORFILTER<\/text>\n <text x=\"230\" y=\"338\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#A8B2C5\">ePM2.5 \u2265 65 %<\/text>\n <text x=\"230\" y=\"354\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#8893A6\">grobe Partikel \u00b7 Pollen<\/text>\n <\/g>\n\n <!-- Flow line F7 -> F9 -->\n <line x1=\"290\" y1=\"230\" x2=\"350\" y2=\"230\" stroke=\"#7AA0FF\" stroke-width=\"3\" marker-end=\"url(#arrow-blue-light)\"><\/line>\n\n <!-- Filter F9 -->\n <g>\n <rect x=\"360\" y=\"170\" width=\"120\" height=\"120\" rx=\"10\" fill=\"url(#filter-f9)\" stroke=\"#1740A8\" stroke-width=\"2\"\/>\n <g stroke=\"#091A55\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.55\">\n <path d=\"M 375 195 L 385 215 L 375 235 L 385 255 L 375 275\"\/>\n <path d=\"M 390 195 L 400 215 L 390 235 L 400 255 L 390 275\"\/>\n <path d=\"M 405 195 L 415 215 L 405 235 L 415 255 L 405 275\"\/>\n <path d=\"M 420 195 L 430 215 L 420 235 L 430 255 L 420 275\"\/>\n <path d=\"M 435 195 L 445 215 L 435 235 L 445 255 L 435 275\"\/>\n <path d=\"M 450 195 L 460 215 L 450 235 L 460 255 L 450 275\"\/>\n <path d=\"M 465 195 L 475 215 L 465 235 L 475 255 L 465 275\"\/>\n <\/g>\n <rect x=\"360\" y=\"170\" width=\"120\" height=\"20\" rx=\"10\" ry=\"0\" fill=\"#091A55\" opacity=\"0.5\"\/>\n <text x=\"420\" y=\"184\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"11\" fill=\"white\" letter-spacing=\"2\">F9<\/text>\n <text x=\"420\" y=\"320\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"13\" fill=\"white\" letter-spacing=\"1.5\">FEINFILTER<\/text>\n <text x=\"420\" y=\"338\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#A8B2C5\">ePM1 \u2265 80 %<\/text>\n <text x=\"420\" y=\"354\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#8893A6\">Sub\u00admikron \u00b7 Aerosole<\/text>\n <\/g>\n\n <!-- Flow line F9 -> H13 -->\n <line x1=\"480\" y1=\"230\" x2=\"540\" y2=\"230\" stroke=\"#2D69FF\" stroke-width=\"3\" marker-end=\"url(#arrow-blue)\"><\/line>\n\n <!-- Filter H13 -->\n <g>\n <rect x=\"550\" y=\"170\" width=\"120\" height=\"120\" rx=\"10\" fill=\"url(#filter-h13)\" stroke=\"#2D69FF\" stroke-width=\"2.5\"\/>\n <g stroke=\"#2D69FF\" stroke-width=\"1.2\" fill=\"none\" opacity=\"0.5\">\n <path d=\"M 565 195 L 575 215 L 565 235 L 575 255 L 565 275\"\/>\n <path d=\"M 580 195 L 590 215 L 580 235 L 590 255 L 580 275\"\/>\n <path d=\"M 595 195 L 605 215 L 595 235 L 605 255 L 595 275\"\/>\n <path d=\"M 610 195 L 620 215 L 610 235 L 620 255 L 610 275\"\/>\n <path d=\"M 625 195 L 635 215 L 625 235 L 635 255 L 625 275\"\/>\n <path d=\"M 640 195 L 650 215 L 640 235 L 650 255 L 640 275\"\/>\n <path d=\"M 655 195 L 665 215 L 655 235 L 665 255 L 655 275\"\/>\n <\/g>\n <rect x=\"550\" y=\"170\" width=\"120\" height=\"20\" rx=\"10\" ry=\"0\" fill=\"#2D69FF\"\/>\n <text x=\"610\" y=\"184\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"11\" fill=\"white\" letter-spacing=\"2\">H13 \u00b7 HEPA<\/text>\n <text x=\"610\" y=\"320\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"13\" fill=\"white\" letter-spacing=\"1.5\">SCHWEBSTOFF<\/text>\n <text x=\"610\" y=\"338\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#A8B2C5\">\u2265 99,95 % @ MPPS<\/text>\n <text x=\"610\" y=\"354\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#8893A6\">Bakterien \u00b7 Viren<\/text>\n <\/g>\n\n <!-- Flow line H13 -> Cleanroom -->\n <line x1=\"670\" y1=\"230\" x2=\"740\" y2=\"230\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-end=\"url(#arrow-blue)\"><\/line>\n\n <!-- GMP Cleanroom -->\n <g class=\"schema-pressure-glow\">\n <rect x=\"750\" y=\"100\" width=\"280\" height=\"260\" rx=\"14\" fill=\"url(#cleanroom-grad)\" stroke=\"#FFFFFF\" stroke-width=\"2\"\/>\n <text x=\"890\" y=\"130\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"14\" fill=\"#FFFFFF\" letter-spacing=\"2\">GMP-ZONE<\/text>\n <text x=\"890\" y=\"148\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#7AA0FF\" letter-spacing=\"1\">Verpackung \u00b7 Produktion<\/text>\n\n <!-- HEPA terminal grid in ceiling -->\n <rect x=\"780\" y=\"170\" width=\"220\" height=\"14\" rx=\"3\" fill=\"#2D69FF\" opacity=\"0.3\"\/>\n <line x1=\"800\" y1=\"170\" x2=\"800\" y2=\"184\" stroke=\"#2D69FF\" stroke-width=\"1\"\/>\n <line x1=\"830\" y1=\"170\" x2=\"830\" y2=\"184\" stroke=\"#2D69FF\" stroke-width=\"1\"\/>\n <line x1=\"860\" y1=\"170\" x2=\"860\" y2=\"184\" stroke=\"#2D69FF\" stroke-width=\"1\"\/>\n <line x1=\"890\" y1=\"170\" x2=\"890\" y2=\"184\" stroke=\"#2D69FF\" stroke-width=\"1\"\/>\n <line x1=\"920\" y1=\"170\" x2=\"920\" y2=\"184\" stroke=\"#2D69FF\" stroke-width=\"1\"\/>\n <line x1=\"950\" y1=\"170\" x2=\"950\" y2=\"184\" stroke=\"#2D69FF\" stroke-width=\"1\"\/>\n <line x1=\"980\" y1=\"170\" x2=\"980\" y2=\"184\" stroke=\"#2D69FF\" stroke-width=\"1\"\/>\n\n <!-- Down arrows from HEPA terminal -->\n <line x1=\"810\" y1=\"190\" x2=\"810\" y2=\"220\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-dasharray=\"2 3\"\/>\n <line x1=\"850\" y1=\"190\" x2=\"850\" y2=\"220\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-dasharray=\"2 3\"\/>\n <line x1=\"890\" y1=\"190\" x2=\"890\" y2=\"220\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-dasharray=\"2 3\"\/>\n <line x1=\"930\" y1=\"190\" x2=\"930\" y2=\"220\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-dasharray=\"2 3\"\/>\n <line x1=\"970\" y1=\"190\" x2=\"970\" y2=\"220\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-dasharray=\"2 3\"\/>\n\n <!-- Working surface representation -->\n <rect x=\"800\" y=\"270\" width=\"180\" height=\"40\" rx=\"4\" fill=\"#091A55\" opacity=\"0.8\"\/>\n <text x=\"890\" y=\"294\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\" letter-spacing=\"1\">VERPACKUNGS\u00adLINIE<\/text>\n\n <text x=\"890\" y=\"338\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"13\" fill=\"white\">\u0394p +30 Pa \u00b7 ISO 8<\/text>\n <\/g>\n\n <!-- Pressure indicator above cleanroom -->\n <g>\n <rect x=\"800\" y=\"55\" width=\"180\" height=\"34\" rx=\"17\" fill=\"#2D69FF\"\/>\n <text x=\"890\" y=\"77\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"13\" fill=\"white\" letter-spacing=\"1.5\">\u00dcBERDRUCK +30 Pa<\/text>\n <\/g>\n\n <!-- Steuerung control box -->\n <g>\n <rect x=\"370\" y=\"395\" width=\"340\" height=\"60\" rx=\"10\" fill=\"#0E1426\" stroke=\"#2D69FF\" stroke-width=\"2\"\/>\n <rect x=\"400\" y=\"405\" width=\"280\" height=\"26\" rx=\"4\" fill=\"#2D69FF\"\/>\n <text x=\"540\" y=\"423\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"white\">CARBON<tspan font-style=\"italic\">ACTIVE<\/tspan> \u00b7 STEUERUNG<\/text>\n <text x=\"540\" y=\"447\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#7AA0FF\">\u25cf\u0394p \u00b7 Volumenstrom \u00b7 Filter\u00fcberwachung<\/text>\n <\/g>\n\n <!-- Sensor lines -->\n <path d=\"M 540 395 L 540 380 L 230 380 L 230 290\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" stroke-dasharray=\"3 3\"><\/path>\n <path d=\"M 540 395 L 540 380 L 420 380 L 420 290\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" stroke-dasharray=\"3 3\"><\/path>\n <path d=\"M 540 395 L 540 380 L 610 380 L 610 290\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" stroke-dasharray=\"3 3\"><\/path>\n <path d=\"M 710 425 L 730 425 L 730 200 L 750 200\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" stroke-dasharray=\"3 3\"><\/path>\n\n <circle class=\"schema-sensor\" cx=\"230\" cy=\"290\" r=\"4\" fill=\"#2D69FF\"><\/circle>\n <circle class=\"schema-sensor-2\" cx=\"420\" cy=\"290\" r=\"4\" fill=\"#2D69FF\"><\/circle>\n <circle class=\"schema-sensor-3\" cx=\"610\" cy=\"290\" r=\"4\" fill=\"#2D69FF\"><\/circle>\n <circle class=\"schema-sensor\" cx=\"750\" cy=\"200\" r=\"4\" fill=\"#2D69FF\"><\/circle>\n\n <!-- Animated airflow particles -->\n <circle r=\"2.5\" fill=\"#8893A6\" opacity=\"0.7\">\n <animatemotion dur=\"2s\" repeatcount=\"indefinite\" path=\"M 100 230 L 160 230\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;0.7;0.7;0\" dur=\"2s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"2\" fill=\"#8893A6\" opacity=\"0.5\">\n <animatemotion dur=\"2s\" begin=\"1s\" repeatcount=\"indefinite\" path=\"M 100 230 L 160 230\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;0.5;0.5;0\" dur=\"2s\" begin=\"1s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n\n <circle r=\"2.5\" fill=\"#7AA0FF\" opacity=\"0.8\">\n <animatemotion dur=\"2s\" repeatcount=\"indefinite\" path=\"M 290 230 L 350 230\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;0.8;0.8;0\" dur=\"2s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"2\" fill=\"#7AA0FF\" opacity=\"0.6\">\n <animatemotion dur=\"2s\" begin=\"1s\" repeatcount=\"indefinite\" path=\"M 290 230 L 350 230\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;0.6;0.6;0\" dur=\"2s\" begin=\"1s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n\n <circle r=\"2.5\" fill=\"#2D69FF\" opacity=\"0.9\" filter=\"drop-shadow(0 0 4px #2D69FF)\">\n <animatemotion dur=\"2s\" repeatcount=\"indefinite\" path=\"M 480 230 L 540 230\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;0.9;0.9;0\" dur=\"2s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"2\" fill=\"#2D69FF\" opacity=\"0.6\" filter=\"drop-shadow(0 0 4px #2D69FF)\">\n <animatemotion dur=\"2s\" begin=\"1s\" repeatcount=\"indefinite\" path=\"M 480 230 L 540 230\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;0.6;0.6;0\" dur=\"2s\" begin=\"1s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n\n <circle r=\"3\" fill=\"#FFFFFF\" opacity=\"1\" filter=\"drop-shadow(0 0 6px rgba(255,255,255,0.9))\">\n <animatemotion dur=\"2s\" repeatcount=\"indefinite\" path=\"M 670 230 L 740 230\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"2s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"2.5\" fill=\"#FFFFFF\" opacity=\"0.8\" filter=\"drop-shadow(0 0 6px rgba(255,255,255,0.8))\">\n <animatemotion dur=\"2s\" begin=\"1s\" repeatcount=\"indefinite\" path=\"M 670 230 L 740 230\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;0.8;0.8;0\" dur=\"2s\" begin=\"1s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n\n <!-- TRAPPING ANIMATION: Particles caught inside filters -->\n <!-- F7: Coarse particles (grey) -->\n <circle r=\"2.5\" fill=\"#8893A6\">\n <animate attributename=\"cx\" values=\"140;200;200\" keytimes=\"0;0.55;1\" dur=\"3.2s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"cy\" values=\"205;205;205\" dur=\"3.2s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"opacity\" values=\"0;0.7;0.4;0\" keytimes=\"0;0.4;0.75;1\" dur=\"3.2s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"3\" fill=\"#8893A6\">\n <animate attributename=\"cx\" values=\"140;195;195\" keytimes=\"0;0.55;1\" dur=\"3.2s\" begin=\"1.1s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"cy\" values=\"248;248;248\" dur=\"3.2s\" begin=\"1.1s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"opacity\" values=\"0;0.7;0.4;0\" keytimes=\"0;0.4;0.75;1\" dur=\"3.2s\" begin=\"1.1s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"2.2\" fill=\"#8893A6\">\n <animate attributename=\"cx\" values=\"140;205;205\" keytimes=\"0;0.55;1\" dur=\"3.2s\" begin=\"2.2s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"cy\" values=\"222;222;222\" dur=\"3.2s\" begin=\"2.2s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"opacity\" values=\"0;0.7;0.4;0\" keytimes=\"0;0.4;0.75;1\" dur=\"3.2s\" begin=\"2.2s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <!-- F7 accumulated trapped particles -->\n <circle cx=\"195\" cy=\"215\" r=\"1.8\" fill=\"#8893A6\">\n <animate attributename=\"opacity\" values=\"0.3;0.7;0.3\" dur=\"4s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle cx=\"200\" cy=\"262\" r=\"1.5\" fill=\"#8893A6\">\n <animate attributename=\"opacity\" values=\"0.4;0.7;0.4\" dur=\"4s\" begin=\"1.5s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n\n <!-- F9: Sub-micron particles (light blue) -->\n <circle r=\"2\" fill=\"#7AA0FF\">\n <animate attributename=\"cx\" values=\"330;385;385\" keytimes=\"0;0.55;1\" dur=\"3.2s\" begin=\"0.3s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"cy\" values=\"210;210;210\" dur=\"3.2s\" begin=\"0.3s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"opacity\" values=\"0;0.8;0.4;0\" keytimes=\"0;0.4;0.75;1\" dur=\"3.2s\" begin=\"0.3s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"2.2\" fill=\"#7AA0FF\">\n <animate attributename=\"cx\" values=\"330;395;395\" keytimes=\"0;0.55;1\" dur=\"3.2s\" begin=\"1.4s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"cy\" values=\"252;252;252\" dur=\"3.2s\" begin=\"1.4s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"opacity\" values=\"0;0.8;0.4;0\" keytimes=\"0;0.4;0.75;1\" dur=\"3.2s\" begin=\"1.4s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"1.8\" fill=\"#7AA0FF\">\n <animate attributename=\"cx\" values=\"330;390;390\" keytimes=\"0;0.55;1\" dur=\"3.2s\" begin=\"2.5s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"cy\" values=\"225;225;225\" dur=\"3.2s\" begin=\"2.5s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"opacity\" values=\"0;0.8;0.4;0\" keytimes=\"0;0.4;0.75;1\" dur=\"3.2s\" begin=\"2.5s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <!-- F9 accumulated trapped particles -->\n <circle cx=\"385\" cy=\"220\" r=\"1.5\" fill=\"#7AA0FF\">\n <animate attributename=\"opacity\" values=\"0.4;0.8;0.4\" dur=\"4s\" begin=\"0.8s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle cx=\"390\" cy=\"262\" r=\"1.3\" fill=\"#7AA0FF\">\n <animate attributename=\"opacity\" values=\"0.3;0.7;0.3\" dur=\"4s\" begin=\"2.3s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n\n <!-- H13: Finest particles (blue, glowing) -->\n <circle r=\"1.5\" fill=\"#2D69FF\" filter=\"drop-shadow(0 0 3px #2D69FF)\">\n <animate attributename=\"cx\" values=\"520;575;575\" keytimes=\"0;0.55;1\" dur=\"3.2s\" begin=\"0.6s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"cy\" values=\"215;215;215\" dur=\"3.2s\" begin=\"0.6s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"opacity\" values=\"0;0.9;0.4;0\" keytimes=\"0;0.4;0.75;1\" dur=\"3.2s\" begin=\"0.6s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"1.8\" fill=\"#2D69FF\" filter=\"drop-shadow(0 0 3px #2D69FF)\">\n <animate attributename=\"cx\" values=\"520;585;585\" keytimes=\"0;0.55;1\" dur=\"3.2s\" begin=\"1.7s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"cy\" values=\"248;248;248\" dur=\"3.2s\" begin=\"1.7s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"opacity\" values=\"0;0.9;0.4;0\" keytimes=\"0;0.4;0.75;1\" dur=\"3.2s\" begin=\"1.7s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle r=\"1.3\" fill=\"#2D69FF\" filter=\"drop-shadow(0 0 3px #2D69FF)\">\n <animate attributename=\"cx\" values=\"520;580;580\" keytimes=\"0;0.55;1\" dur=\"3.2s\" begin=\"2.8s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"cy\" values=\"262;262;262\" dur=\"3.2s\" begin=\"2.8s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"opacity\" values=\"0;0.9;0.4;0\" keytimes=\"0;0.4;0.75;1\" dur=\"3.2s\" begin=\"2.8s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <!-- H13 accumulated trapped particles -->\n <circle cx=\"575\" cy=\"225\" r=\"1.2\" fill=\"#2D69FF\">\n <animate attributename=\"opacity\" values=\"0.4;0.8;0.4\" dur=\"4s\" begin=\"1.2s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <circle cx=\"580\" cy=\"255\" r=\"1\" fill=\"#2D69FF\">\n <animate attributename=\"opacity\" values=\"0.3;0.7;0.3\" dur=\"4s\" begin=\"2.8s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <\/svg>\n <\/div>\n <div class=\"reinraum-legend\">\n <div class=\"reinraum-legend-item\"><span class=\"rl-mark\" style=\"background: #5B6478;\">F7Pre-filter<\/span>- coarse particles - ePM2.5 \u2265 65 %<\/div>\n <div class=\"reinraum-legend-item\"><span class=\"rl-mark\" style=\"background: #1740A8;\">F9Fine filter<\/span>- submicron - ePM1 \u2265 80 %<\/div>\n <div class=\"reinraum-legend-item\"><span class=\"rl-mark\" style=\"background: #2D69FF;\">H13HEPA<\/span>- Suspended particulate > 99.95 % @ MPPS<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Pressure Cascade Section -->\n <section class=\"reinraum reinraum-alt\">\n <div class=\"reinraum-container\">\n <div class=\"section-header reveal\">\n <span class=\"reinraum-eyebrow\">GMP compliance - Step 2<\/span>\n <h2>From corridor <em>to cleanroom<\/em><\/h2>\n <p>\n Filters alone are not enough. A GMP cleanroom also needs\n a controlled pressure cascade: each zone has a higher pressure\n than the adjacent, less clean zone - so that air flows <em>out of<\/em>\n the cleanroom, never into it. Personnel and material airlocks\n function as pressure buffers. \n <\/p>\n <\/div>\n <div class=\"reinraum-diagram-frame reveal\">\n <div class=\"reinraum-info-note\">\n <svg class=\"icon\" viewbox=\"0 0 24 24\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n <span>The pressure values shown are exemplary - exact design parameters are defined on a project-specific basis.<\/span>\n <\/div>\n<svg class=\"pc-desktop\" viewbox=\"0 0 1080 320\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Druckkaskade zwischen Au\u00dfen, Schleuse, ISO- und GMP-Zone\" style=\"width: 100%; height: auto;\">\n <defs>\n <marker id=\"arrow-pc\" viewbox=\"0 0 10 10\" refx=\"9\" refy=\"5\" markerwidth=\"6\" markerheight=\"6\" orient=\"auto-start-reverse\">\n <path d=\"M0,0 L10,5 L0,10 z\" fill=\"#2D69FF\"><\/path>\n <\/marker>\n <lineargradient id=\"pc-bar-1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#3A4256\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#5B6478\"><\/stop>\n <\/lineargradient>\n <lineargradient id=\"pc-bar-2\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#1A2A60\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#1740A8\"><\/stop>\n <\/lineargradient>\n <lineargradient id=\"pc-bar-3\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#1740A8\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#2D69FF\"><\/stop>\n <\/lineargradient>\n <lineargradient id=\"pc-bar-4\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#2D69FF\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#7AA0FF\"><\/stop>\n <\/lineargradient>\n <\/defs>\n\n <!-- Stages as ascending stairs -->\n <!-- Stage 1: Au\u00dfen, 0 Pa -->\n <rect x=\"40\" y=\"240\" width=\"220\" height=\"50\" rx=\"6\" fill=\"url(#pc-bar-1)\" stroke=\"#5B6478\" stroke-width=\"1.5\"><\/rect>\n <text x=\"150\" y=\"225\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"13\" fill=\"#A8B2C5\" letter-spacing=\"1.5\">AUSSEN \/ KORRIDOR<\/text>\n <text x=\"150\" y=\"271\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"20\" fill=\"white\">0 Pa<\/text>\n\n <!-- Stage 2: Schleuse, +15 Pa -->\n <rect x=\"290\" y=\"190\" width=\"220\" height=\"100\" rx=\"6\" fill=\"url(#pc-bar-2)\" stroke=\"#1740A8\" stroke-width=\"1.5\"><\/rect>\n <text x=\"400\" y=\"175\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"13\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">PERSONAL\u00adSCHLEUSE<\/text>\n <text x=\"400\" y=\"230\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"22\" fill=\"white\">+15 Pa<\/text>\n <text x=\"400\" y=\"252\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#A8B2C5\">Eingangs\u00adzone<\/text>\n <text x=\"400\" y=\"270\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#A8B2C5\">F7-Filterstufe<\/text>\n\n <!-- Stage 3: GMP Klasse D, +30 Pa -->\n <rect x=\"540\" y=\"140\" width=\"220\" height=\"150\" rx=\"6\" fill=\"url(#pc-bar-3)\" stroke=\"#2D69FF\" stroke-width=\"1.5\"><\/rect>\n <text x=\"650\" y=\"125\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"13\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">GMP-KLASSE D<\/text>\n <text x=\"650\" y=\"178\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"22\" fill=\"white\">+30 Pa<\/text>\n <text x=\"650\" y=\"200\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#A8B2C5\">Verpackung Vor\u00adstufe \u00b7 \u2248 ISO 8<\/text>\n <text x=\"650\" y=\"216\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#A8B2C5\">F7 + F9<\/text>\n <text x=\"650\" y=\"252\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"11\" fill=\"white\" opacity=\"0.9\">max. 3.520.000 \/m\u00b3<\/text>\n <text x=\"650\" y=\"269\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">Partikel \u2265 0,5 \u00b5m \u00b7 in Ruhe<\/text>\n\n <!-- Stage 4: GMP Klasse C, +45 Pa -->\n <rect x=\"790\" y=\"80\" width=\"220\" height=\"210\" rx=\"6\" fill=\"url(#pc-bar-4)\" stroke=\"#7AA0FF\" stroke-width=\"1.5\"><\/rect>\n <text x=\"900\" y=\"65\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"13\" fill=\"white\" letter-spacing=\"1.5\">GMP-KLASSE C<\/text>\n <text x=\"900\" y=\"128\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"26\" fill=\"white\">+45 Pa<\/text>\n <text x=\"900\" y=\"152\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"white\" opacity=\"0.85\">Produktion \u00b7 Verpackung \u00b7 \u2248 ISO 7<\/text>\n <text x=\"900\" y=\"170\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"white\" opacity=\"0.85\">F7 + F9 + H13<\/text>\n <text x=\"900\" y=\"200\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"11\" fill=\"white\" opacity=\"0.95\">max. 352.000 \/m\u00b3<\/text>\n <text x=\"900\" y=\"217\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"white\" opacity=\"0.75\">Partikel \u2265 0,5 \u00b5m \u00b7 in Ruhe<\/text>\n <text x=\"900\" y=\"252\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"14\" fill=\"white\" opacity=\"0.95\">REINSTLUFT<\/text>\n\n <!-- Air flow arrows from clean to dirty -->\n <path d=\"M 760 100 Q 775 100 775 130 Q 775 165 760 165\" fill=\"none\" stroke=\"#2D69FF\" stroke-width=\"2\" marker-end=\"url(#arrow-pc)\"><\/path>\n <path d=\"M 510 160 Q 525 160 525 195 Q 525 230 510 230\" fill=\"none\" stroke=\"#2D69FF\" stroke-width=\"2\" marker-end=\"url(#arrow-pc)\"><\/path>\n <path d=\"M 260 215 Q 275 215 275 245 Q 275 280 260 280\" fill=\"none\" stroke=\"#2D69FF\" stroke-width=\"2\" marker-end=\"url(#arrow-pc)\"><\/path>\n\n <!-- Bottom axis -->\n <line x1=\"40\" y1=\"305\" x2=\"1010\" y2=\"305\" stroke=\"#1A2540\" stroke-width=\"1\"><\/line>\n <text x=\"40\" y=\"318\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#5B6478\" letter-spacing=\"1\">\u0394p = 0<\/text>\n <text x=\"1010\" y=\"318\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#5B6478\" letter-spacing=\"1\">\u0394p = +45 Pa \u00b7 GMP Klasse C<\/text>\n <\/svg>\n <\/div>\n <div class=\"reinraum-stats\">\n <div class=\"reinraum-stat-card\">\n <span class=\"rs-eyebrow\">01 \/ Print<\/span>\n <div class=\"rs-value\">0 \u2192 +45 <span>Pa<\/span><\/div>\n <p>Four-variant cascade from corridor to GMP zone - air flows in one direction only.<\/p>\n <\/div>\n <div class=\"reinraum-stat-card alt\">\n <span class=\"rs-eyebrow\">02 \/ Purity<\/span>\n <div class=\"rs-value\">99.95 <span>% @ MPPS<\/span><\/div>\n <p>Filter combination F7 - F9 - H13 - validatable according to EU GMP classes C\/D (ISO 7 \/ ISO 8).<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Vier-Rohr-System Section -->\n <section class=\"reinraum\">\n <div class=\"reinraum-container\">\n <div class=\"section-header reveal\">\n <span class=\"reinraum-eyebrow\">GMP compliance - Step 3<\/span>\n <h2>The <em>four-pipe system<\/em>: constant climate without fluctuations<\/h2>\n <p>\n Pharmaceutical cannabis production requires reproducible\n conditions - no fluctuations, no drift. Our four-pipe system\n runs cold and hot water in parallel: while one heat exchanger\n cools, the next can reheat immediately. This keeps the climate\n stable within a range of \u00b10.5 K temperature and \u00b13 % relative air humidity -\n second by second. \n <\/p>\n <\/div>\n <div class=\"reinraum-twocol reveal\">\n <div class=\"reinraum-stability-chart\">\n<svg viewbox=\"0 0 460 360\" preserveaspectratio=\"xMidYMid meet\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Klimastabilit\u00e4t: Sollwert-Toleranzband \u00fcber 24 Stunden\" style=\"width:100%;height:auto;aspect-ratio:460\/360;display:block;\">\n <defs>\n <lineargradient id=\"band-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#2D69FF\" stop-opacity=\"0.35\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#2D69FF\" stop-opacity=\"0.05\"><\/stop>\n <\/lineargradient>\n <pattern id=\"grid-bg-small\" x=\"0\" y=\"0\" width=\"46\" height=\"40\" patternunits=\"userSpaceOnUse\">\n <path d=\"M 46 0 L 0 0 0 40\" fill=\"none\" stroke=\"#1A2540\" stroke-width=\"0.5\"><\/path>\n <\/pattern>\n <\/defs>\n\n <rect x=\"40\" y=\"20\" width=\"400\" height=\"280\" fill=\"url(#grid-bg-small)\"><\/rect>\n\n <!-- Y axis labels -->\n <text x=\"32\" y=\"50\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">23.0<\/text>\n <text x=\"32\" y=\"110\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">22.5<\/text>\n <text x=\"32\" y=\"170\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#FFFFFF\" font-weight=\"700\">22.0<\/text>\n <text x=\"32\" y=\"230\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">21.5<\/text>\n <text x=\"32\" y=\"290\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">21.0<\/text>\n\n <!-- Y axis title -->\n <text x=\"14\" y=\"160\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#7AA0FF\" letter-spacing=\"1\" transform=\"rotate(-90 14 160)\">TEMPERATUR \u00b7 \u00b0C<\/text>\n\n <!-- X axis labels -->\n <text x=\"62\" y=\"318\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">0h<\/text>\n <text x=\"155\" y=\"318\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">6h<\/text>\n <text x=\"248\" y=\"318\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">12h<\/text>\n <text x=\"341\" y=\"318\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">18h<\/text>\n <text x=\"434\" y=\"318\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\">24h<\/text>\n <text x=\"240\" y=\"340\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#7AA0FF\" letter-spacing=\"1\">ZEIT (24 STUNDEN)<\/text>\n\n <!-- Tolerance band (\u00b10.5 K) -->\n <rect x=\"40\" y=\"140\" width=\"400\" height=\"60\" fill=\"url(#band-grad)\" rx=\"2\"><\/rect>\n <line x1=\"40\" y1=\"140\" x2=\"440\" y2=\"140\" stroke=\"#2D69FF\" stroke-width=\"0.8\" stroke-dasharray=\"4 3\" opacity=\"0.6\"><\/line>\n <line x1=\"40\" y1=\"200\" x2=\"440\" y2=\"200\" stroke=\"#2D69FF\" stroke-width=\"0.8\" stroke-dasharray=\"4 3\" opacity=\"0.6\"><\/line>\n\n <!-- Setpoint line -->\n <line x1=\"40\" y1=\"170\" x2=\"440\" y2=\"170\" stroke=\"#FFFFFF\" stroke-width=\"1.2\" opacity=\"0.6\"><\/line>\n\n <!-- Actual measured curve (jittery but within band) -->\n <path d=\"M 40 172 L 70 168 L 100 174 L 130 169 L 160 175 L 190 167 L 220 172 L 250 170 L 280 175 L 310 168 L 340 173 L 370 169 L 400 174 L 440 171\" stroke=\"#3EE5A5\" stroke-width=\"2\" fill=\"none\"><\/path>\n\n <!-- Setpoint label -->\n <g transform=\"translate(380,160)\">\n <rect x=\"0\" y=\"0\" width=\"58\" height=\"22\" rx=\"4\" fill=\"#0A2370\" stroke=\"#2D69FF\" stroke-width=\"1\"\/>\n <text x=\"29\" y=\"14\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#FFFFFF\" font-weight=\"700\">SOLLWERT<\/text>\n <\/g>\n\n <!-- Tolerance label -->\n <g transform=\"translate(48,118)\">\n <text x=\"0\" y=\"0\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#7AA0FF\" letter-spacing=\"1\">+0.5 K TOLERANZ<\/text>\n <\/g>\n <g transform=\"translate(48,222)\">\n <text x=\"0\" y=\"0\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#7AA0FF\" letter-spacing=\"1\">\u22120.5 K TOLERANZ<\/text>\n <\/g>\n\n <!-- Ist-Wert label -->\n <g transform=\"translate(112,182)\">\n <circle cx=\"0\" cy=\"0\" r=\"3\" fill=\"#3EE5A5\"\/>\n <text x=\"8\" y=\"3\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#3EE5A5\" font-weight=\"700\">IST-WERT<\/text>\n <\/g>\n\n <!-- Title -->\n <text x=\"40\" y=\"14\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#FFFFFF\" letter-spacing=\"1.5\">KLIMA-STABILIT\u00c4T \u00b7 24h<\/text>\n <\/svg>\n <\/div>\n <div class=\"reinraum-stability-side\">\n <div class=\"reinraum-stat-card alt\">\n <span class=\"rs-eyebrow\">01 \/ Temperature<\/span>\n <h4>\u00b10.5 K Tolerance<\/h4>\n <p>Constant target value over 24 hours - no fluctuations that could disturb the active ingredient content or trichome formation.<\/p>\n <div class=\"rs-range\">\n <span class=\"rs-range-v\">22 \u00b0C<\/span>\n <span class=\"rs-range-l\">Setpoint - stable<\/span>\n <\/div>\n <\/div>\n <div class=\"reinraum-stat-card\">\n <span class=\"rs-eyebrow\">02 \/ Humidity<\/span>\n <h4>\u00b13 % tolerance<\/h4>\n <p>Tightly regulated in the optimal VPD range - moist enough for healthy plants, dry enough against mold and botrytis.<\/p>\n <div class=\"rs-range\">\n <span class=\"rs-range-v\">60 %rH<\/span>\n <span class=\"rs-range-l\">Setpoint - stable<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"reinraum-bottom-note reveal\">\n <strong>What does this mean for you?<\/strong>\n Reproducible active ingredient profiles between batches, fewer rejects\n due to the risk of mold, documentable climate profiles for\n GMP validation - and therefore a facility that qualifies for\n pharmacy supply contracts and export.\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Advantage Section -->\n <section class=\"advantage\" id=\"vorteil\">\n <div class=\"advantage-container\">\n <div class=\"advantage-grid\">\n <div class=\"advantage-content reveal-left\">\n <h2>Competitive advantage in Central Europe<\/h2>\n <p>\n What many overlook: Where the IGC is located determines how\n efficiently it runs. Central Europe's temperate climate is not a disadvantage for our\n technology - it is its greatest lever. \n <\/p>\n\n <ul class=\"advantage-list\">\n <li>\n <div class=\"advantage-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"><\/line><path d=\"m20 16-4-4 4-4\"><\/path><path d=\"m4 8 4 4-4 4\"><\/path><path d=\"m16 4-4 4-4-4\"><\/path><path d=\"m8 20 4-4 4 4\"><\/path><\/svg><\/div>\n <div class=\"advantage-text\">\n <h4>8 months optimal conditions<\/h4>\n <p>\n The cool, but not bitterly cold outside temperature in\n Germany is ideal for passive cooling and\n dehumidification.\n <\/p>\n <\/div>\n <\/li>\n <li>\n <div class=\"advantage-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><path d=\"M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z\"><\/path><\/svg><\/div>\n <div class=\"advantage-text\">\n <h4>Summer air humidity below 60%<\/h4>\n <p>\n In contrast to other regions, air humidity remains moderate in the\n summer - ideal for open and <span class=\"ca-active\">SemiLoop<\/span>\n ventilation systems.\n <\/p>\n <\/div>\n <\/li>\n <li>\n <div class=\"advantage-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"><\/rect><line x1=\"22\" y1=\"11\" x2=\"22\" y2=\"13\"><\/line><line x1=\"6\" y1=\"11\" x2=\"6\" y2=\"13\"><\/line><line x1=\"10\" y1=\"11\" x2=\"10\" y2=\"13\"><\/line><line x1=\"14\" y1=\"11\" x2=\"14\" y2=\"13\"><\/line><\/svg><\/div>\n <div class=\"advantage-text\">\n <h4><span class=\"ca-active\">SemiLoop<\/span> technology<\/h4>\n <p>\n Our hybrid system combines energy-saving climate control\n with the performance of closed systems.\n <\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"advantage-visual reveal-right\">\n <div class=\"climate-chart-block\">\n <div class=\"climate-chart-header\">\n <span class=\"climate-chart-name\">Los Angeles, <span>USA<\/span><\/span>\n <span class=\"climate-chart-summary\">Summer too warm, too humid all year round <\/span>\n <\/div>\n <svg class=\"climate-chart\" viewbox=\"0 0 400 230\" preserveaspectratio=\"xMidYMid meet\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" style=\"width:100%;height:auto;aspect-ratio:400\/230;display:block;\"><defs><lineargradient id=\"ergGrad0\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.05\"><\/stop><stop offset=\"20%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.22\"><\/stop><stop offset=\"80%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.22\"><\/stop><stop offset=\"100%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.05\"><\/stop><\/lineargradient><\/defs><rect x=\"38\" y=\"65.3\" width=\"324\" height=\"85.5\" fill=\"url(#ergGrad0)\"><\/rect><line x1=\"38\" y1=\"184.9\" x2=\"362\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"150.7\" x2=\"362\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"116.5\" x2=\"362\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"82.4\" x2=\"362\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"48.2\" x2=\"362\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"14.0\" x2=\"362\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"14\" x2=\"38\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"362\" y1=\"14\" x2=\"362\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"38\" y1=\"202\" x2=\"362\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"36\" y1=\"202.0\" x2=\"38\" y2=\"202.0\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"187.9\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">-8<\/text><line x1=\"35\" y1=\"184.9\" x2=\"38\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"167.8\" x2=\"38\" y2=\"167.8\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"153.7\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">0<\/text><line x1=\"35\" y1=\"150.7\" x2=\"38\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"133.6\" x2=\"38\" y2=\"133.6\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"119.5\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">8<\/text><line x1=\"35\" y1=\"116.5\" x2=\"38\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"99.5\" x2=\"38\" y2=\"99.5\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"85.4\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">16<\/text><line x1=\"35\" y1=\"82.4\" x2=\"38\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"65.3\" x2=\"38\" y2=\"65.3\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"51.2\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">24<\/text><line x1=\"35\" y1=\"48.2\" x2=\"38\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"31.1\" x2=\"38\" y2=\"31.1\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"17.0\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">32<\/text><line x1=\"35\" y1=\"14.0\" x2=\"38\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.4)\"><\/line><text x=\"367\" y=\"205.0\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">-20<\/text><line x1=\"362\" y1=\"202.0\" x2=\"365\" y2=\"202.0\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"184.9\" x2=\"364\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"170.8\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">0<\/text><line x1=\"362\" y1=\"167.8\" x2=\"365\" y2=\"167.8\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"150.7\" x2=\"364\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"136.6\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">20<\/text><line x1=\"362\" y1=\"133.6\" x2=\"365\" y2=\"133.6\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"116.5\" x2=\"364\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"102.5\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">40<\/text><line x1=\"362\" y1=\"99.5\" x2=\"365\" y2=\"99.5\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"82.4\" x2=\"364\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"68.3\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">60<\/text><line x1=\"362\" y1=\"65.3\" x2=\"365\" y2=\"65.3\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"48.2\" x2=\"364\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"34.1\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">80<\/text><line x1=\"362\" y1=\"31.1\" x2=\"365\" y2=\"31.1\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"14.0\" x2=\"364\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"8\" y=\"108.0\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\" transform=\"rotate(-90 8 108.0)\" text-anchor=\"middle\">Temperatur in \u00b0C<\/text><text x=\"392\" y=\"108.0\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\" transform=\"rotate(-90 392 108.0)\" text-anchor=\"middle\">Rel. Luftfeuchtigkeit in %<\/text><text x=\"51.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jan<\/text><text x=\"78.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Feb<\/text><text x=\"105.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">M\u00e4r<\/text><text x=\"132.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Apr<\/text><text x=\"159.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Mai<\/text><text x=\"186.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jun<\/text><text x=\"213.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jul<\/text><text x=\"240.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Aug<\/text><text x=\"267.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Sep<\/text><text x=\"294.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Okt<\/text><text x=\"321.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Nov<\/text><text x=\"348.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Dez<\/text><path d=\"M51.5,65.3 L78.5,65.3 L105.5,61.9 L132.5,56.7 L159.5,48.2 L186.5,43.1 L213.5,37.9 L240.5,34.5 L267.5,37.9 L294.5,48.2 L321.5,58.4 L348.5,65.3\" fill=\"none\" stroke=\"#7AB7E8\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.9\"><\/path><circle cx=\"51.5\" cy=\"65.3\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"78.5\" cy=\"65.3\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"105.5\" cy=\"61.9\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"132.5\" cy=\"56.7\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"159.5\" cy=\"48.2\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"186.5\" cy=\"43.1\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"213.5\" cy=\"37.9\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"240.5\" cy=\"34.5\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"267.5\" cy=\"37.9\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"294.5\" cy=\"48.2\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"321.5\" cy=\"58.4\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"348.5\" cy=\"65.3\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><path d=\"M51.5,90.9 L78.5,90.9 L105.5,86.6 L132.5,78.1 L159.5,69.5 L186.5,61.0 L213.5,52.5 L240.5,48.2 L267.5,48.2 L294.5,56.7 L321.5,73.8 L348.5,90.9\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><circle cx=\"51.5\" cy=\"90.9\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"78.5\" cy=\"90.9\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"105.5\" cy=\"86.6\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"132.5\" cy=\"78.1\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"159.5\" cy=\"69.5\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"186.5\" cy=\"61.0\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"213.5\" cy=\"52.5\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"240.5\" cy=\"48.2\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"267.5\" cy=\"48.2\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"294.5\" cy=\"56.7\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"321.5\" cy=\"73.8\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"348.5\" cy=\"90.9\" r=\"2.0\" fill=\"#ef4444\"><\/circle><\/svg>\n <\/div>\n <div class=\"climate-chart-block\">\n <div class=\"climate-chart-header\">\n <span class=\"climate-chart-name\">Toronto, <span>Canada<\/span><\/span>\n <span class=\"climate-chart-summary\">Winter too cold, LF too high<\/span>\n <\/div>\n <svg class=\"climate-chart\" viewbox=\"0 0 400 230\" preserveaspectratio=\"xMidYMid meet\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" style=\"width:100%;height:auto;aspect-ratio:400\/230;display:block;\"><defs><lineargradient id=\"ergGrad1\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.05\"><\/stop><stop offset=\"20%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.22\"><\/stop><stop offset=\"80%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.22\"><\/stop><stop offset=\"100%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.05\"><\/stop><\/lineargradient><\/defs><rect x=\"38\" y=\"65.3\" width=\"324\" height=\"85.5\" fill=\"url(#ergGrad1)\"><\/rect><line x1=\"38\" y1=\"184.9\" x2=\"362\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"150.7\" x2=\"362\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"116.5\" x2=\"362\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"82.4\" x2=\"362\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"48.2\" x2=\"362\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"14.0\" x2=\"362\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"14\" x2=\"38\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"362\" y1=\"14\" x2=\"362\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"38\" y1=\"202\" x2=\"362\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"36\" y1=\"202.0\" x2=\"38\" y2=\"202.0\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"187.9\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">-8<\/text><line x1=\"35\" y1=\"184.9\" x2=\"38\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"167.8\" x2=\"38\" y2=\"167.8\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"153.7\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">0<\/text><line x1=\"35\" y1=\"150.7\" x2=\"38\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"133.6\" x2=\"38\" y2=\"133.6\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"119.5\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">8<\/text><line x1=\"35\" y1=\"116.5\" x2=\"38\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"99.5\" x2=\"38\" y2=\"99.5\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"85.4\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">16<\/text><line x1=\"35\" y1=\"82.4\" x2=\"38\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"65.3\" x2=\"38\" y2=\"65.3\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"51.2\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">24<\/text><line x1=\"35\" y1=\"48.2\" x2=\"38\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"31.1\" x2=\"38\" y2=\"31.1\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"17.0\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">32<\/text><line x1=\"35\" y1=\"14.0\" x2=\"38\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.4)\"><\/line><text x=\"367\" y=\"205.0\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">-20<\/text><line x1=\"362\" y1=\"202.0\" x2=\"365\" y2=\"202.0\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"184.9\" x2=\"364\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"170.8\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">0<\/text><line x1=\"362\" y1=\"167.8\" x2=\"365\" y2=\"167.8\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"150.7\" x2=\"364\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"136.6\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">20<\/text><line x1=\"362\" y1=\"133.6\" x2=\"365\" y2=\"133.6\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"116.5\" x2=\"364\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"102.5\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">40<\/text><line x1=\"362\" y1=\"99.5\" x2=\"365\" y2=\"99.5\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"82.4\" x2=\"364\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"68.3\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">60<\/text><line x1=\"362\" y1=\"65.3\" x2=\"365\" y2=\"65.3\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"48.2\" x2=\"364\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"34.1\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">80<\/text><line x1=\"362\" y1=\"31.1\" x2=\"365\" y2=\"31.1\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"14.0\" x2=\"364\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"8\" y=\"108.0\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\" transform=\"rotate(-90 8 108.0)\" text-anchor=\"middle\">Temperatur in \u00b0C<\/text><text x=\"392\" y=\"108.0\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\" transform=\"rotate(-90 392 108.0)\" text-anchor=\"middle\">Rel. Luftfeuchtigkeit in %<\/text><text x=\"51.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jan<\/text><text x=\"78.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Feb<\/text><text x=\"105.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">M\u00e4r<\/text><text x=\"132.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Apr<\/text><text x=\"159.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Mai<\/text><text x=\"186.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jun<\/text><text x=\"213.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jul<\/text><text x=\"240.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Aug<\/text><text x=\"267.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Sep<\/text><text x=\"294.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Okt<\/text><text x=\"321.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Nov<\/text><text x=\"348.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Dez<\/text><path d=\"M51.5,34.5 L78.5,34.5 L105.5,37.9 L132.5,41.3 L159.5,43.1 L186.5,44.8 L213.5,43.1 L240.5,39.6 L267.5,37.9 L294.5,37.9 L321.5,34.5 L348.5,32.8\" fill=\"none\" stroke=\"#7AB7E8\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.9\"><\/path><circle cx=\"51.5\" cy=\"34.5\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"78.5\" cy=\"34.5\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"105.5\" cy=\"37.9\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"132.5\" cy=\"41.3\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"159.5\" cy=\"43.1\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"186.5\" cy=\"44.8\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"213.5\" cy=\"43.1\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"240.5\" cy=\"39.6\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"267.5\" cy=\"37.9\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"294.5\" cy=\"37.9\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"321.5\" cy=\"34.5\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"348.5\" cy=\"32.8\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><path d=\"M51.5,167.8 L78.5,167.8 L105.5,146.5 L132.5,120.8 L159.5,95.2 L186.5,73.8 L213.5,56.7 L240.5,61.0 L267.5,78.1 L294.5,108.0 L321.5,137.9 L348.5,163.5\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><circle cx=\"51.5\" cy=\"167.8\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"78.5\" cy=\"167.8\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"105.5\" cy=\"146.5\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"132.5\" cy=\"120.8\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"159.5\" cy=\"95.2\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"186.5\" cy=\"73.8\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"213.5\" cy=\"56.7\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"240.5\" cy=\"61.0\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"267.5\" cy=\"78.1\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"294.5\" cy=\"108.0\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"321.5\" cy=\"137.9\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"348.5\" cy=\"163.5\" r=\"2.0\" fill=\"#ef4444\"><\/circle><\/svg>\n <\/div>\n <div class=\"climate-chart-block\">\n <div class=\"climate-chart-header\">\n <span class=\"climate-chart-name\">Bangkok, <span>Thailand<\/span><\/span>\n <span class=\"climate-chart-summary\">Unsuitable all year round<\/span>\n <\/div>\n <svg class=\"climate-chart\" viewbox=\"0 0 400 230\" preserveaspectratio=\"xMidYMid meet\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" style=\"width:100%;height:auto;aspect-ratio:400\/230;display:block;\"><defs><lineargradient id=\"ergGrad2\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.05\"><\/stop><stop offset=\"20%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.22\"><\/stop><stop offset=\"80%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.22\"><\/stop><stop offset=\"100%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.05\"><\/stop><\/lineargradient><\/defs><rect x=\"38\" y=\"65.3\" width=\"324\" height=\"85.5\" fill=\"url(#ergGrad2)\"><\/rect><line x1=\"38\" y1=\"184.9\" x2=\"362\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"150.7\" x2=\"362\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"116.5\" x2=\"362\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"82.4\" x2=\"362\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"48.2\" x2=\"362\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"14.0\" x2=\"362\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"14\" x2=\"38\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"362\" y1=\"14\" x2=\"362\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"38\" y1=\"202\" x2=\"362\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"36\" y1=\"202.0\" x2=\"38\" y2=\"202.0\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"187.9\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">-8<\/text><line x1=\"35\" y1=\"184.9\" x2=\"38\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"167.8\" x2=\"38\" y2=\"167.8\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"153.7\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">0<\/text><line x1=\"35\" y1=\"150.7\" x2=\"38\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"133.6\" x2=\"38\" y2=\"133.6\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"119.5\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">8<\/text><line x1=\"35\" y1=\"116.5\" x2=\"38\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"99.5\" x2=\"38\" y2=\"99.5\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"85.4\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">16<\/text><line x1=\"35\" y1=\"82.4\" x2=\"38\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"65.3\" x2=\"38\" y2=\"65.3\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"51.2\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">24<\/text><line x1=\"35\" y1=\"48.2\" x2=\"38\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"31.1\" x2=\"38\" y2=\"31.1\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"17.0\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">32<\/text><line x1=\"35\" y1=\"14.0\" x2=\"38\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.4)\"><\/line><text x=\"367\" y=\"205.0\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">-20<\/text><line x1=\"362\" y1=\"202.0\" x2=\"365\" y2=\"202.0\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"184.9\" x2=\"364\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"170.8\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">0<\/text><line x1=\"362\" y1=\"167.8\" x2=\"365\" y2=\"167.8\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"150.7\" x2=\"364\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"136.6\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">20<\/text><line x1=\"362\" y1=\"133.6\" x2=\"365\" y2=\"133.6\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"116.5\" x2=\"364\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"102.5\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">40<\/text><line x1=\"362\" y1=\"99.5\" x2=\"365\" y2=\"99.5\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"82.4\" x2=\"364\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"68.3\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">60<\/text><line x1=\"362\" y1=\"65.3\" x2=\"365\" y2=\"65.3\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"48.2\" x2=\"364\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"34.1\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">80<\/text><line x1=\"362\" y1=\"31.1\" x2=\"365\" y2=\"31.1\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"14.0\" x2=\"364\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"8\" y=\"108.0\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\" transform=\"rotate(-90 8 108.0)\" text-anchor=\"middle\">Temperatur in \u00b0C<\/text><text x=\"392\" y=\"108.0\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\" transform=\"rotate(-90 392 108.0)\" text-anchor=\"middle\">Rel. Luftfeuchtigkeit in %<\/text><text x=\"51.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jan<\/text><text x=\"78.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Feb<\/text><text x=\"105.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">M\u00e4r<\/text><text x=\"132.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Apr<\/text><text x=\"159.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Mai<\/text><text x=\"186.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jun<\/text><text x=\"213.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jul<\/text><text x=\"240.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Aug<\/text><text x=\"267.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Sep<\/text><text x=\"294.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Okt<\/text><text x=\"321.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Nov<\/text><text x=\"348.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Dez<\/text><path d=\"M51.5,48.2 L78.5,51.6 L105.5,48.2 L132.5,44.8 L159.5,37.9 L186.5,34.5 L213.5,34.5 L240.5,34.5 L267.5,31.1 L294.5,34.5 L321.5,39.6 L348.5,44.8\" fill=\"none\" stroke=\"#7AB7E8\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.9\"><\/path><circle cx=\"51.5\" cy=\"48.2\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"78.5\" cy=\"51.6\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"105.5\" cy=\"48.2\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"132.5\" cy=\"44.8\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"159.5\" cy=\"37.9\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"186.5\" cy=\"34.5\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"213.5\" cy=\"34.5\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"240.5\" cy=\"34.5\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"267.5\" cy=\"31.1\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"294.5\" cy=\"34.5\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"321.5\" cy=\"39.6\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"348.5\" cy=\"44.8\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><path d=\"M51.5,35.4 L78.5,31.1 L105.5,26.8 L132.5,22.5 L159.5,22.5 L186.5,26.8 L213.5,26.8 L240.5,26.8 L267.5,31.1 L294.5,31.1 L321.5,35.4 L348.5,35.4\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><circle cx=\"51.5\" cy=\"35.4\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"78.5\" cy=\"31.1\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"105.5\" cy=\"26.8\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"132.5\" cy=\"22.5\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"159.5\" cy=\"22.5\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"186.5\" cy=\"26.8\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"213.5\" cy=\"26.8\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"240.5\" cy=\"26.8\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"267.5\" cy=\"31.1\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"294.5\" cy=\"31.1\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"321.5\" cy=\"35.4\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"348.5\" cy=\"35.4\" r=\"2.0\" fill=\"#ef4444\"><\/circle><\/svg>\n <\/div>\n <div class=\"climate-chart-block\">\n <div class=\"climate-chart-header\">\n <span class=\"climate-chart-name\">Berlin, <span>Germany<\/span><\/span>\n <span class=\"climate-chart-summary\">8 months optimal, summer LF top <\/span>\n <\/div>\n <svg class=\"climate-chart\" viewbox=\"0 0 400 230\" preserveaspectratio=\"xMidYMid meet\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" style=\"width:100%;height:auto;aspect-ratio:400\/230;display:block;\"><defs><lineargradient id=\"ergGrad3\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.05\"><\/stop><stop offset=\"20%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.22\"><\/stop><stop offset=\"80%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.22\"><\/stop><stop offset=\"100%\" stop-color=\"rgb(63,185,80)\" stop-opacity=\"0.05\"><\/stop><\/lineargradient><\/defs><rect x=\"38\" y=\"65.3\" width=\"324\" height=\"85.5\" fill=\"url(#ergGrad3)\"><\/rect><line x1=\"38\" y1=\"184.9\" x2=\"362\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"150.7\" x2=\"362\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"116.5\" x2=\"362\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"82.4\" x2=\"362\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"48.2\" x2=\"362\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"14.0\" x2=\"362\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.04)\"><\/line><line x1=\"38\" y1=\"14\" x2=\"38\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"362\" y1=\"14\" x2=\"362\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"38\" y1=\"202\" x2=\"362\" y2=\"202\" stroke=\"rgba(255,255,255,0.18)\"><\/line><line x1=\"36\" y1=\"202.0\" x2=\"38\" y2=\"202.0\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"187.9\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">-8<\/text><line x1=\"35\" y1=\"184.9\" x2=\"38\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"167.8\" x2=\"38\" y2=\"167.8\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"153.7\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">0<\/text><line x1=\"35\" y1=\"150.7\" x2=\"38\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"133.6\" x2=\"38\" y2=\"133.6\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"119.5\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">8<\/text><line x1=\"35\" y1=\"116.5\" x2=\"38\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"99.5\" x2=\"38\" y2=\"99.5\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"85.4\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">16<\/text><line x1=\"35\" y1=\"82.4\" x2=\"38\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"65.3\" x2=\"38\" y2=\"65.3\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"51.2\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">24<\/text><line x1=\"35\" y1=\"48.2\" x2=\"38\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"36\" y1=\"31.1\" x2=\"38\" y2=\"31.1\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"33\" y=\"17.0\" text-anchor=\"end\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">32<\/text><line x1=\"35\" y1=\"14.0\" x2=\"38\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.4)\"><\/line><text x=\"367\" y=\"205.0\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">-20<\/text><line x1=\"362\" y1=\"202.0\" x2=\"365\" y2=\"202.0\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"184.9\" x2=\"364\" y2=\"184.9\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"170.8\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">0<\/text><line x1=\"362\" y1=\"167.8\" x2=\"365\" y2=\"167.8\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"150.7\" x2=\"364\" y2=\"150.7\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"136.6\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">20<\/text><line x1=\"362\" y1=\"133.6\" x2=\"365\" y2=\"133.6\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"116.5\" x2=\"364\" y2=\"116.5\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"102.5\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">40<\/text><line x1=\"362\" y1=\"99.5\" x2=\"365\" y2=\"99.5\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"82.4\" x2=\"364\" y2=\"82.4\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"68.3\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">60<\/text><line x1=\"362\" y1=\"65.3\" x2=\"365\" y2=\"65.3\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"48.2\" x2=\"364\" y2=\"48.2\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"367\" y=\"34.1\" text-anchor=\"start\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">80<\/text><line x1=\"362\" y1=\"31.1\" x2=\"365\" y2=\"31.1\" stroke=\"rgba(255,255,255,0.4)\"><\/line><line x1=\"362\" y1=\"14.0\" x2=\"364\" y2=\"14.0\" stroke=\"rgba(255,255,255,0.25)\"><\/line><text x=\"8\" y=\"108.0\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\" transform=\"rotate(-90 8 108.0)\" text-anchor=\"middle\">Temperatur in \u00b0C<\/text><text x=\"392\" y=\"108.0\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\" transform=\"rotate(-90 392 108.0)\" text-anchor=\"middle\">Rel. Luftfeuchtigkeit in %<\/text><text x=\"51.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jan<\/text><text x=\"78.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Feb<\/text><text x=\"105.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">M\u00e4r<\/text><text x=\"132.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Apr<\/text><text x=\"159.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Mai<\/text><text x=\"186.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jun<\/text><text x=\"213.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Jul<\/text><text x=\"240.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Aug<\/text><text x=\"267.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Sep<\/text><text x=\"294.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Okt<\/text><text x=\"321.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Nov<\/text><text x=\"348.5\" y=\"214\" text-anchor=\"middle\" font-size=\"8\" fill=\"rgba(255,255,255,0.55)\">Dez<\/text><path d=\"M51.5,27.7 L78.5,34.5 L105.5,48.2 L132.5,65.3 L159.5,73.8 L186.5,73.8 L213.5,77.2 L240.5,73.8 L267.5,61.9 L294.5,44.8 L321.5,31.1 L348.5,24.3\" fill=\"none\" stroke=\"#7AB7E8\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.9\"><\/path><circle cx=\"51.5\" cy=\"27.7\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"78.5\" cy=\"34.5\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"105.5\" cy=\"48.2\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"132.5\" cy=\"65.3\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"159.5\" cy=\"73.8\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"186.5\" cy=\"73.8\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"213.5\" cy=\"77.2\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"240.5\" cy=\"73.8\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"267.5\" cy=\"61.9\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"294.5\" cy=\"44.8\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"321.5\" cy=\"31.1\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><circle cx=\"348.5\" cy=\"24.3\" r=\"1.8\" fill=\"#7AB7E8\"><\/circle><path d=\"M51.5,146.5 L78.5,142.2 L105.5,129.4 L132.5,112.3 L159.5,90.9 L186.5,78.1 L213.5,69.5 L240.5,69.5 L267.5,86.6 L294.5,108.0 L321.5,129.4 L348.5,142.2\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><circle cx=\"51.5\" cy=\"146.5\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"78.5\" cy=\"142.2\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"105.5\" cy=\"129.4\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"132.5\" cy=\"112.3\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"159.5\" cy=\"90.9\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"186.5\" cy=\"78.1\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"213.5\" cy=\"69.5\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"240.5\" cy=\"69.5\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"267.5\" cy=\"86.6\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"294.5\" cy=\"108.0\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"321.5\" cy=\"129.4\" r=\"2.0\" fill=\"#ef4444\"><\/circle><circle cx=\"348.5\" cy=\"142.2\" r=\"2.0\" fill=\"#ef4444\"><\/circle><\/svg>\n <\/div>\n <div class=\"climate-legend\">\n <span class=\"climate-legend-item\"><span class=\"climate-legend-swatch temp\"><\/span>Average daily temperature in \u00b0C<\/span>\n <span class=\"climate-legend-item\"><span class=\"climate-legend-swatch hum\"><\/span>Rel. air humidity in % <\/span>\n <span class=\"climate-legend-item\"><span class=\"climate-legend-swatch optimal\"><\/span>Optimum efficiency Energy Recovery Group<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SemiLoop Technology Section -->\n <section class=\"semiloop\" id=\"technologie\">\n <div class=\"semiloop-container\">\n <div class=\"section-header reveal\">\n <h2><span class=\"ca-active\">SemiLoop<\/span> technology<\/h2>\n <p>\n Harnessing the climate advantage is the real engineering achievement\n. Three generations of climate control systems lead to\n our hybrid answer. \n <\/p>\n <\/div>\n <div class=\"semiloop-hero-image reveal\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/05\/Semiloop.jpg\" alt=\"CarbonActive SemiLoop hybrid climate system - ventilation and heat exchanger technology for energy-efficient indoor cannabis cultivation\">\n <div class=\"semiloop-hero-caption\">\n <span>The SemiLoop system combines open and closed air conditioning technology in one facility.<\/span>\n <\/div>\n <\/div>\n <div class=\"semiloop-grid\">\n <div class=\"semiloop-content reveal-left\">\n <div class=\"tech-timeline\">\n <div class=\"tech-timeline-item\">\n <div class=\"tech-timeline-marker open\"><\/div>\n <div class=\"tech-timeline-content\">\n <h4>Open systems<\/h4>\n <span class=\"tech-year\">20 years ago<\/span>\n <p>\n Moderate electricity prices, less sensitive genetics, NDL lighting\n as standard.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"tech-timeline-item\">\n <div class=\"tech-timeline-marker closed\"><\/div>\n <div class=\"tech-timeline-content\">\n <h4>CLOSED SYSTEMS<\/h4>\n <span class=\"tech-year\">Last 10 years<\/span>\n <p>\n Development for higher quality requirements and\n LED technology.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"tech-timeline-item\">\n <div class=\"tech-timeline-marker hybrid\"><\/div>\n <div class=\"tech-timeline-content\">\n <h4>Hybrid <span class=\"ca-active\">SemiLoop<\/span><\/h4>\n <span class=\"tech-year\"><span class=\"ca-active\">CarbonActive<\/span> Innovation<\/span>\n <p>\n Combines energy-saving climate control with\n dehumidification performance of closed systems.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"semiloop-visual reveal-right\">\n <div class=\"amortization-chart\">\n <h4>Electricity savings in comparison<\/h4>\n <p class=\"chart-subtitle\">Climate control electricity consumption in Central Europe<\/p>\n <div class=\"chart-bars-vertical\">\n <div class=\"v-bar-item\">\n <div class=\"v-bar closed-bar tall-value\" style=\"height: 240px\">\n <span class=\"v-bar-months\">100%<\/span>\n <\/div>\n <span class=\"v-bar-label\">Conventional<\/span>\n <span class=\"v-bar-sublabel\">Closed system<\/span>\n <\/div>\n <div class=\"v-bar-item\">\n <div class=\"v-bar hybrid-bar\" style=\"height: 60px\">\n <span class=\"v-bar-badge\">6-10\u00d7 more efficient<\/span>\n <span class=\"v-bar-months\">10-17%<\/span>\n <\/div>\n <span class=\"v-bar-label\"><span class=\"ca-active\">SemiLoop<\/span><\/span>\n <span class=\"v-bar-sublabel\">Hybrid technology<\/span>\n <\/div>\n <\/div>\n <div class=\"chart-legend-compact\">\n <div class=\"legend-dot hybrid\"><\/div>\n <span>Up to 10\u00d7 less electricity for climate control<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"erg-schema-section reveal\">\n <div class=\"erg-schema-intro\">\n <h3>How <em>climate control<\/em> works in the IGC<\/h3>\n <p>\n The diagram shows the complete air treatment process in an IGC realized\n: First, the Energy Recovery Group heat exchanger passively transfers the\n energy of the warm return air to the cold outside air. If\n this is not sufficient, the filter, cooling and reheater take over the active\n conditioning - until the supply air is exactly at setpoint. In this way,\n the climate in the cultivation room'S remains stable, with minimal energy consumption. \n <\/p>\n <\/div>\n <div class=\"erg-diagram-frame\">\n <svg class=\"ahu-schema\" viewbox=\"0 0 900 760\" preserveaspectratio=\"xMidYMid meet\" width=\"100%\" style=\"width:100%;height:auto;aspect-ratio:900\/760;display:block;max-width:900px;margin:0 auto;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"IGC Cannabis-Anbauraum AHU-L\u00fcftungs- und Klimasystem mit ERG und aktiver Konditionierung\">\n <defs>\n <marker id=\"arr-blue\" viewbox=\"0 0 10 10\" refx=\"9\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\">\n <path d=\"M0,0 L10,5 L0,10 z\" fill=\"#7AA0FF\"><\/path>\n <\/marker>\n <marker id=\"arr-blue-deep\" viewbox=\"0 0 10 10\" refx=\"9\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\">\n <path d=\"M0,0 L10,5 L0,10 z\" fill=\"#2D69FF\"><\/path>\n <\/marker>\n <marker id=\"arr-red\" viewbox=\"0 0 10 10\" refx=\"9\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\">\n <path d=\"M0,0 L10,5 L0,10 z\" fill=\"#FF7A4F\"><\/path>\n <\/marker>\n <marker id=\"arr-green\" viewbox=\"0 0 10 10\" refx=\"9\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\">\n <path d=\"M0,0 L10,5 L0,10 z\" fill=\"#3EE5A5\"><\/path>\n <\/marker>\n\n <!-- Stream A: Aussenluft BLAU \u2192 Zuluft ROT (transitions through center heat-zone) -->\n <lineargradient id=\"cross-a-grad\" x1=\"85\" y1=\"160\" x2=\"265\" y2=\"160\" gradientunits=\"userSpaceOnUse\">\n <stop offset=\"0%\" stop-color=\"#7AA0FF\"><\/stop>\n <stop offset=\"35%\" stop-color=\"#90AAFF\"><\/stop>\n <stop offset=\"48%\" stop-color=\"#D4A0E8\"><\/stop>\n <stop offset=\"62%\" stop-color=\"#FF8888\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#FF7A4F\"><\/stop>\n <\/lineargradient>\n <!-- Stream B: R\u00fcckluft ROT \u2192 Fortluft BLAU -->\n <lineargradient id=\"cross-b-grad\" x1=\"215\" y1=\"260\" x2=\"85\" y2=\"240\" gradientunits=\"userSpaceOnUse\">\n <stop offset=\"0%\" stop-color=\"#FF7A4F\"><\/stop>\n <stop offset=\"38%\" stop-color=\"#FF8888\"><\/stop>\n <stop offset=\"52%\" stop-color=\"#D4A0E8\"><\/stop>\n <stop offset=\"65%\" stop-color=\"#90AAFF\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#7AA0FF\"><\/stop>\n <\/lineargradient>\n <!-- Heat-Zone glow gradient -->\n <lineargradient id=\"heat-zone-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#FFB347\" stop-opacity=\"0\"><\/stop>\n <stop offset=\"25%\" stop-color=\"#FFD43B\" stop-opacity=\"0.30\"><\/stop>\n <stop offset=\"50%\" stop-color=\"#FFD43B\" stop-opacity=\"0.50\"><\/stop>\n <stop offset=\"75%\" stop-color=\"#FFD43B\" stop-opacity=\"0.30\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#FFB347\" stop-opacity=\"0\"><\/stop>\n <\/lineargradient>\n <!-- ERG box subtle background -->\n <lineargradient id=\"erg-box-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#0B1840\" stop-opacity=\"0.7\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#0F1F45\" stop-opacity=\"0.5\"><\/stop>\n <\/lineargradient>\n\n <lineargradient id=\"rack-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#0E1426\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#152040\"><\/stop>\n <\/lineargradient>\n <lineargradient id=\"water-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#1A4A7A\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#0A2540\"><\/stop>\n <\/lineargradient>\n\n <pattern id=\"dots-bg\" x=\"0\" y=\"0\" width=\"14\" height=\"14\" patternunits=\"userSpaceOnUse\">\n <circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"#1A2540\"><\/circle>\n <\/pattern>\n\n <pattern id=\"microgreens\" x=\"0\" y=\"0\" width=\"10\" height=\"10\" patternunits=\"userSpaceOnUse\">\n <circle cx=\"2\" cy=\"3\" r=\"1.5\" fill=\"#3EE5A5\"><\/circle>\n <circle cx=\"6\" cy=\"6\" r=\"1.4\" fill=\"#3EE5A5\" opacity=\"0.85\"><\/circle>\n <circle cx=\"3\" cy=\"8\" r=\"1.1\" fill=\"#3EE5A5\" opacity=\"0.7\"><\/circle>\n <circle cx=\"8\" cy=\"2\" r=\"1.2\" fill=\"#3EE5A5\" opacity=\"0.75\"><\/circle>\n <\/pattern>\n <\/defs>\n\n <rect x=\"0\" y=\"0\" width=\"900\" height=\"760\" fill=\"url(#dots-bg)\"><\/rect>\n\n <!-- ===== TITLE ===== -->\n <text x=\"450\" y=\"24\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"13\" font-weight=\"700\" fill=\"#FFFFFF\" letter-spacing=\"2\">IGC \u00b7 AHU-L\u00dcFTUNGSSCHEMA<\/text>\n <text x=\"450\" y=\"42\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">offen + geschlossen kombiniert \u00b7 ERG mit aktiver Konditionierung<\/text>\n\n <!-- ===== TANKS & OUTDOOR COOLER (positions shifted +45px) ===== -->\n <g>\n <rect x=\"440\" y=\"62\" width=\"62\" height=\"40\" rx=\"5\" fill=\"#0A1224\" stroke=\"#7AA0FF\" stroke-width=\"1.2\"\/>\n <g transform=\"translate(471,82)\">\n <circle r=\"13\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\"\/>\n <circle r=\"2.5\" fill=\"#7AA0FF\"\/>\n <path d=\"M 0 -11 Q -6 -5 0 0 Q 6 -5 0 -11 Z\" fill=\"#7AA0FF\" opacity=\"0.6\"\/>\n <path d=\"M 11 0 Q 5 -6 0 0 Q 5 6 11 0 Z\" fill=\"#7AA0FF\" opacity=\"0.6\"\/>\n <path d=\"M 0 11 Q 6 5 0 0 Q -6 5 0 11 Z\" fill=\"#7AA0FF\" opacity=\"0.6\"\/>\n <path d=\"M -11 0 Q -5 6 0 0 Q -5 -6 -11 0 Z\" fill=\"#7AA0FF\" opacity=\"0.6\"\/>\n <\/g>\n <text x=\"471\" y=\"58\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#A8B2C5\" letter-spacing=\"1\">R\u00dcCKK\u00dcHLER<\/text>\n <\/g>\n\n <g>\n <rect x=\"520\" y=\"62\" width=\"68\" height=\"40\" rx=\"5\" fill=\"#0A1224\" stroke=\"#7AA0FF\" stroke-width=\"1.2\"\/>\n <text x=\"554\" y=\"80\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FFFFFF\">KALT-<\/text>\n <text x=\"554\" y=\"92\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FFFFFF\">WASSER<\/text>\n <\/g>\n <path d=\"M 502 78 L 520 78\" stroke=\"#7AA0FF\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n <path d=\"M 502 88 L 520 88\" stroke=\"#FF7A4F\" stroke-width=\"1.2\" fill=\"none\" opacity=\"0.5\"><\/path>\n\n <g>\n <rect x=\"663\" y=\"62\" width=\"68\" height=\"40\" rx=\"5\" fill=\"#0A1224\" stroke=\"#FF7A4F\" stroke-width=\"1.2\"\/>\n <text x=\"697\" y=\"80\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FFFFFF\">WARM-<\/text>\n <text x=\"697\" y=\"92\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FFFFFF\">WASSER<\/text>\n <\/g>\n\n <!-- ===== AUSSENLUFT & FORTLUFT (left side) ===== -->\n <!-- Aussenluft IN \u2014 arrow at y=160, label well above -->\n <g>\n <text x=\"42\" y=\"118\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">AUSSEN-<\/text>\n <text x=\"42\" y=\"132\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">LUFT<\/text>\n <text x=\"42\" y=\"145\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#A8B2C5\">unbehandelt<\/text>\n <path d=\"M 22 160 L 80 160\" stroke=\"#7AA0FF\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arr-blue)\"\/>\n <\/g>\n <!-- Fortluft OUT \u2014 arrow at y=240, label below -->\n <g>\n <path d=\"M 80 240 L 22 240\" stroke=\"#7AA0FF\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arr-blue)\"\/>\n <text x=\"42\" y=\"262\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">FORTLUFT<\/text>\n <text x=\"42\" y=\"275\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#A8B2C5\">abgek\u00fchlt<\/text>\n <\/g>\n\n <!-- ===== AHU FRAME labels ===== -->\n <text x=\"85\" y=\"115\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">AHU \u00b7 AIR HANDLING UNIT<\/text>\n\n <!-- ============================================================== -->\n <!-- ===== 1. ERG \u00b7 KREUZW\u00c4RMETAUSCHER (x=85-265, w=180) ===== -->\n <!-- ============================================================== -->\n <g>\n <rect x=\"85\" y=\"120\" width=\"180\" height=\"155\" rx=\"6\" fill=\"url(#erg-box-grad)\" stroke=\"#2D69FF\" stroke-width=\"1.5\"\/>\n\n <!-- Subtle plate background grid -->\n <g opacity=\"0.16\" stroke=\"#7AA0FF\" stroke-width=\"0.5\">\n <line x1=\"100\" y1=\"155\" x2=\"250\" y2=\"155\"\/>\n <line x1=\"100\" y1=\"170\" x2=\"250\" y2=\"170\"\/>\n <line x1=\"100\" y1=\"185\" x2=\"250\" y2=\"185\"\/>\n <line x1=\"100\" y1=\"200\" x2=\"250\" y2=\"200\"\/>\n <line x1=\"100\" y1=\"215\" x2=\"250\" y2=\"215\"\/>\n <line x1=\"100\" y1=\"230\" x2=\"250\" y2=\"230\"\/>\n <line x1=\"100\" y1=\"245\" x2=\"250\" y2=\"245\"\/>\n <line x1=\"115\" y1=\"140\" x2=\"115\" y2=\"265\"\/>\n <line x1=\"135\" y1=\"140\" x2=\"135\" y2=\"265\"\/>\n <line x1=\"155\" y1=\"140\" x2=\"155\" y2=\"265\"\/>\n <line x1=\"175\" y1=\"140\" x2=\"175\" y2=\"265\"\/>\n <line x1=\"195\" y1=\"140\" x2=\"195\" y2=\"265\"\/>\n <line x1=\"215\" y1=\"140\" x2=\"215\" y2=\"265\"\/>\n <line x1=\"235\" y1=\"140\" x2=\"235\" y2=\"265\"\/>\n <\/g>\n\n <!-- ===== HEAT-TRANSFER ZONE (yellow glow between the two parallel lanes) ===== -->\n <rect x=\"135\" y=\"188\" width=\"80\" height=\"22\" rx=\"6\" fill=\"url(#heat-zone-grad)\" opacity=\"0.7\">\n <animate attributename=\"opacity\" values=\"0.40;0.85;0.40\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n <\/rect>\n\n <!-- ===== STREAM B (BACK, dashed): R\u00fcckluft (from below) \u2192 Fortluft (out left bottom) ===== -->\n <!-- enters at (215, 275), goes up into lower lane y=205, runs left, exits at (85, 240) -->\n <path d=\"M 215 275 C 215 250, 195 205, 185 205 L 145 205 C 130 205, 110 240, 85 240\" stroke=\"url(#cross-b-grad)\" stroke-width=\"6\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"8 5\" opacity=\"0.95\"\/>\n\n <!-- ===== STREAM A (FRONT, solid): Aussenluft \u2192 upper lane \u2192 straight to Filter ===== -->\n <!-- enters at (85, 160), descends into upper lane y=190, runs straight right through heat zone, exits straight at (270, 190) into filter -->\n <path d=\"M 85 160 C 110 160, 130 190, 145 190 L 270 190\" stroke=\"url(#cross-a-grad)\" stroke-width=\"6\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.95\"\/>\n\n <!-- ===== HEAT TICK MARKS (vertical strokes between lanes) ===== -->\n <g stroke=\"#FFD43B\" stroke-width=\"1.2\" opacity=\"0.55\">\n <line x1=\"155\" y1=\"193\" x2=\"155\" y2=\"207\"\/>\n <line x1=\"165\" y1=\"193\" x2=\"165\" y2=\"207\"\/>\n <line x1=\"195\" y1=\"193\" x2=\"195\" y2=\"207\"\/>\n <line x1=\"205\" y1=\"193\" x2=\"205\" y2=\"207\"\/>\n <\/g>\n\n <!-- ===== MEDALLION \u21c4 (gold accent) ===== -->\n <g transform=\"translate(175,198)\">\n <circle r=\"14\" fill=\"#0A1224\" stroke=\"#FFB347\" stroke-width=\"2\">\n <animate attributename=\"r\" values=\"13;15;13\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n <text text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"15\" font-weight=\"700\" fill=\"#FFD43B\" dy=\"5\">\u21c4<\/text>\n <\/g>\n\n <!-- ===== HEAT SPARKS (animated, from B to A \u2014 upward) ===== -->\n <circle r=\"2\" fill=\"#FFD43B\">\n <animatemotion dur=\"0.9s\" repeatcount=\"indefinite\" path=\"M 155 205 L 155 190\"\/>\n <animate attributename=\"opacity\" values=\"0;1;0\" dur=\"0.9s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n <circle r=\"2\" fill=\"#FFD43B\">\n <animatemotion dur=\"0.9s\" begin=\"0.22s\" repeatcount=\"indefinite\" path=\"M 165 205 L 165 190\"\/>\n <animate attributename=\"opacity\" values=\"0;1;0\" dur=\"0.9s\" begin=\"0.22s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n <circle r=\"2\" fill=\"#FFD43B\">\n <animatemotion dur=\"0.9s\" begin=\"0.45s\" repeatcount=\"indefinite\" path=\"M 195 205 L 195 190\"\/>\n <animate attributename=\"opacity\" values=\"0;1;0\" dur=\"0.9s\" begin=\"0.45s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n <circle r=\"2\" fill=\"#FFD43B\">\n <animatemotion dur=\"0.9s\" begin=\"0.68s\" repeatcount=\"indefinite\" path=\"M 205 205 L 205 190\"\/>\n <animate attributename=\"opacity\" values=\"0;1;0\" dur=\"0.9s\" begin=\"0.68s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n\n <!-- ===== CONDENSATION: water drops out as warm humid R\u00fcckluft cools at heat exchanger plates ===== -->\n <!-- Static drops \"forming\" at heat exchanger plates (Stream B side, y\u2248207) -->\n <path d=\"M 0 -3 Q -1.5 0 0 2 Q 1.5 0 0 -3 Z\" fill=\"#7AA0FF\" opacity=\"0.45\" transform=\"translate(150,207)\"\/>\n <path d=\"M 0 -3 Q -1.5 0 0 2 Q 1.5 0 0 -3 Z\" fill=\"#7AA0FF\" opacity=\"0.45\" transform=\"translate(202,207)\"\/>\n\n <!-- Falling drops with \"form, then drop\" timing via keyPoints -->\n <g>\n <path d=\"M 0 -4 Q -2.5 0 0 3 Q 2.5 0 0 -4 Z\" fill=\"#7AA0FF\"\/>\n <animatemotion dur=\"2.6s\" repeatcount=\"indefinite\" keypoints=\"0;0.05;1\" keytimes=\"0;0.35;1\" path=\"M 145 210 L 145 252\"\/>\n <animate attributename=\"opacity\" values=\"0;0;0.9;0.55;0\" keytimes=\"0;0.15;0.4;0.92;1\" dur=\"2.6s\" repeatcount=\"indefinite\"\/>\n <\/g>\n <g>\n <path d=\"M 0 -3 Q -2 0 0 2 Q 2 0 0 -3 Z\" fill=\"#7AA0FF\"\/>\n <animatemotion dur=\"2.2s\" begin=\"0.8s\" repeatcount=\"indefinite\" keypoints=\"0;0.05;1\" keytimes=\"0;0.32;1\" path=\"M 158 210 L 158 248\"\/>\n <animate attributename=\"opacity\" values=\"0;0;0.85;0.5;0\" keytimes=\"0;0.18;0.4;0.9;1\" dur=\"2.2s\" begin=\"0.8s\" repeatcount=\"indefinite\"\/>\n <\/g>\n <g>\n <path d=\"M 0 -4 Q -2.5 0 0 3 Q 2.5 0 0 -4 Z\" fill=\"#7AA0FF\"\/>\n <animatemotion dur=\"2.8s\" begin=\"1.4s\" repeatcount=\"indefinite\" keypoints=\"0;0.05;1\" keytimes=\"0;0.4;1\" path=\"M 197 210 L 197 252\"\/>\n <animate attributename=\"opacity\" values=\"0;0;0.9;0.55;0\" keytimes=\"0;0.15;0.42;0.9;1\" dur=\"2.8s\" begin=\"1.4s\" repeatcount=\"indefinite\"\/>\n <\/g>\n <g>\n <path d=\"M 0 -3 Q -2 0 0 2 Q 2 0 0 -3 Z\" fill=\"#7AA0FF\"\/>\n <animatemotion dur=\"2.4s\" begin=\"2.0s\" repeatcount=\"indefinite\" keypoints=\"0;0.05;1\" keytimes=\"0;0.36;1\" path=\"M 208 210 L 208 248\"\/>\n <animate attributename=\"opacity\" values=\"0;0;0.8;0.5;0\" keytimes=\"0;0.18;0.4;0.9;1\" dur=\"2.4s\" begin=\"2.0s\" repeatcount=\"indefinite\"\/>\n <\/g>\n\n <!-- Box texts -->\n <text x=\"175\" y=\"138\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#FFFFFF\" letter-spacing=\"1.5\">ERG \u00b7 KREUZ-WT<\/text>\n <text x=\"175\" y=\"262\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#3EE5A5\" letter-spacing=\"1.5\">Energier\u00fcckgewinnung<\/text>\n <\/g>\n\n <!-- Small arrow marker at Stream A end into Filter -->\n <path d=\"M 268 190 L 270 190\" stroke=\"#FF7A4F\" stroke-width=\"2.5\" fill=\"none\" marker-end=\"url(#arr-red)\"><\/path>\n\n <!-- ===== 2. FILTER (x=270-348) ===== -->\n <g>\n <rect x=\"270\" y=\"120\" width=\"78\" height=\"155\" rx=\"6\" fill=\"#0A1224\" stroke=\"#2D69FF\" stroke-width=\"1.5\"\/>\n <g transform=\"translate(289,150)\" stroke=\"#7AA0FF\" stroke-width=\"1.2\" fill=\"none\" opacity=\"0.7\">\n <path d=\"M 0 0 L 10 6 L 0 12 L 10 18 L 0 24 L 10 30 L 0 36 L 10 42 L 0 48 L 10 54 L 0 60 L 10 66 L 0 72 L 10 78 L 0 84 L 10 90 L 0 96\"\/>\n <\/g>\n <g transform=\"translate(311,150)\" stroke=\"#7AA0FF\" stroke-width=\"1.2\" fill=\"none\" opacity=\"0.85\">\n <path d=\"M 0 0 L 10 6 L 0 12 L 10 18 L 0 24 L 10 30 L 0 36 L 10 42 L 0 48 L 10 54 L 0 60 L 10 66 L 0 72 L 10 78 L 0 84 L 10 90 L 0 96\"\/>\n <\/g>\n <g transform=\"translate(331,150)\" stroke=\"#FFFFFF\" stroke-width=\"1.2\" fill=\"none\" opacity=\"0.85\">\n <path d=\"M 0 0 L 8 6 L 0 12 L 8 18 L 0 24 L 8 30 L 0 36 L 8 42 L 0 48 L 8 54 L 0 60 L 8 66 L 0 72 L 8 78 L 0 84 L 8 90 L 0 96\"\/>\n <\/g>\n\n <!-- ===== Animated dust\/aerosol particles being captured ===== -->\n <!-- Pollen \/ coarse particles \u2192 captured at F7 -->\n <circle r=\"2\" fill=\"#C4A875\" opacity=\"0\">\n <animatemotion dur=\"2.4s\" repeatcount=\"indefinite\" path=\"M 268 173 L 296 173\"\/>\n <animate attributename=\"opacity\" values=\"0;0.9;0.9;0\" keytimes=\"0;0.25;0.85;1\" dur=\"2.4s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n <circle r=\"1.7\" fill=\"#C4A875\" opacity=\"0\">\n <animatemotion dur=\"2.6s\" begin=\"1.4s\" repeatcount=\"indefinite\" path=\"M 268 232 L 296 232\"\/>\n <animate attributename=\"opacity\" values=\"0;0.9;0.9;0\" keytimes=\"0;0.28;0.86;1\" dur=\"2.6s\" begin=\"1.4s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n\n <!-- Submikron aerosol \u2192 captured at F9 -->\n <circle r=\"1.3\" fill=\"#A89070\" opacity=\"0\">\n <animatemotion dur=\"2.8s\" begin=\"0.6s\" repeatcount=\"indefinite\" path=\"M 268 215 L 318 215\"\/>\n <animate attributename=\"opacity\" values=\"0;0.9;0.9;0\" keytimes=\"0;0.3;0.88;1\" dur=\"2.8s\" begin=\"0.6s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n <circle r=\"1.1\" fill=\"#A89070\" opacity=\"0\">\n <animatemotion dur=\"3s\" begin=\"2.1s\" repeatcount=\"indefinite\" path=\"M 268 178 L 318 178\"\/>\n <animate attributename=\"opacity\" values=\"0;0.85;0.85;0\" keytimes=\"0;0.32;0.89;1\" dur=\"3s\" begin=\"2.1s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n\n <!-- Virus \/ bacteria sized \u2192 captured at H13 (HEPA) -->\n <circle r=\"0.9\" fill=\"#807A6A\" opacity=\"0\">\n <animatemotion dur=\"3.2s\" begin=\"1.1s\" repeatcount=\"indefinite\" path=\"M 268 195 L 337 195\"\/>\n <animate attributename=\"opacity\" values=\"0;0.85;0.85;0\" keytimes=\"0;0.35;0.92;1\" dur=\"3.2s\" begin=\"1.1s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n <circle r=\"0.7\" fill=\"#807A6A\" opacity=\"0\">\n <animatemotion dur=\"3.4s\" begin=\"2.7s\" repeatcount=\"indefinite\" path=\"M 268 220 L 337 220\"\/>\n <animate attributename=\"opacity\" values=\"0;0.8;0.8;0\" keytimes=\"0;0.36;0.93;1\" dur=\"3.4s\" begin=\"2.7s\" repeatcount=\"indefinite\"\/>\n <\/circle>\n\n <!-- ===== Static accumulated dirt on filter media ===== -->\n <g>\n <!-- F7 \u2014 coarse particles (largest, strawy color) -->\n <circle cx=\"296\" cy=\"161\" r=\"1.6\" fill=\"#C4A875\" opacity=\"0.7\"\/>\n <circle cx=\"293\" cy=\"184\" r=\"1.2\" fill=\"#C4A875\" opacity=\"0.65\"\/>\n <circle cx=\"297\" cy=\"201\" r=\"1.5\" fill=\"#C4A875\" opacity=\"0.7\"\/>\n <circle cx=\"294\" cy=\"222\" r=\"1.3\" fill=\"#C4A875\" opacity=\"0.65\"\/>\n <circle cx=\"298\" cy=\"241\" r=\"1.1\" fill=\"#C4A875\" opacity=\"0.6\"\/>\n <!-- F9 \u2014 submicron (smaller, olive-grey) -->\n <circle cx=\"318\" cy=\"167\" r=\"1.0\" fill=\"#A89070\" opacity=\"0.65\"\/>\n <circle cx=\"316\" cy=\"195\" r=\"0.9\" fill=\"#A89070\" opacity=\"0.65\"\/>\n <circle cx=\"319\" cy=\"218\" r=\"1.1\" fill=\"#A89070\" opacity=\"0.7\"\/>\n <circle cx=\"317\" cy=\"240\" r=\"0.85\" fill=\"#A89070\" opacity=\"0.6\"\/>\n <!-- H13 HEPA \u2014 virus\/bacteria sized (smallest, dark-grey) -->\n <circle cx=\"337\" cy=\"172\" r=\"0.7\" fill=\"#807A6A\" opacity=\"0.6\"\/>\n <circle cx=\"336\" cy=\"200\" r=\"0.65\" fill=\"#807A6A\" opacity=\"0.6\"\/>\n <circle cx=\"338\" cy=\"225\" r=\"0.7\" fill=\"#807A6A\" opacity=\"0.6\"\/>\n <\/g>\n\n <text x=\"309\" y=\"135\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FFFFFF\">FILTER<\/text>\n <text x=\"309\" y=\"265\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#A8B2C5\">F7 \u00b7 F9 \u00b7 H13<\/text>\n <\/g>\n\n <!-- ===== 3. VENTILATOR (x=353-505) ===== -->\n <g>\n <rect x=\"353\" y=\"120\" width=\"152\" height=\"155\" rx=\"6\" fill=\"#0A1224\" stroke=\"#2D69FF\" stroke-width=\"1.5\"\/>\n <g transform=\"translate(429,200)\">\n <circle r=\"35\" fill=\"none\" stroke=\"#2D69FF\" stroke-width=\"1.5\" opacity=\"0.7\"\/>\n <g>\n <circle r=\"6\" fill=\"#2D69FF\"\/>\n <path d=\"M 0 -32 Q -10 -22 0 -10 Q 10 -22 0 -32 Z\" fill=\"#2D69FF\" opacity=\"0.7\"\/>\n <path d=\"M 32 0 Q 22 -10 10 0 Q 22 10 32 0 Z\" fill=\"#2D69FF\" opacity=\"0.7\"\/>\n <path d=\"M 0 32 Q 10 22 0 10 Q -10 22 0 32 Z\" fill=\"#2D69FF\" opacity=\"0.7\"\/>\n <path d=\"M -32 0 Q -22 10 -10 0 Q -22 -10 -32 0 Z\" fill=\"#2D69FF\" opacity=\"0.7\"\/>\n <animatetransform attributename=\"transform\" type=\"rotate\" from=\"0\" to=\"360\" dur=\"3s\" repeatcount=\"indefinite\"\/>\n <\/g>\n <\/g>\n <text x=\"429\" y=\"135\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FFFFFF\">VENTILATOR<\/text>\n <text x=\"429\" y=\"265\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#A8B2C5\">Druck \u00b7 Volumenstrom<\/text>\n <\/g>\n\n <!-- ===== 4. K\u00dcHLUNG + ENTFEUCHTUNG (x=510-634) ===== -->\n <g>\n <rect x=\"510\" y=\"120\" width=\"124\" height=\"155\" rx=\"6\" fill=\"#0A1224\" stroke=\"#2D69FF\" stroke-width=\"1.5\"\/>\n <g transform=\"translate(528,158)\" stroke=\"#7AA0FF\" stroke-width=\"1.6\" fill=\"none\" opacity=\"0.85\">\n <path d=\"M 0 0 Q -8 12 0 24 Q 8 36 0 48 Q -8 60 0 72 Q 8 84 0 96\"\/>\n <path d=\"M 18 0 Q 10 12 18 24 Q 26 36 18 48 Q 10 60 18 72 Q 26 84 18 96\"\/>\n <path d=\"M 36 0 Q 28 12 36 24 Q 44 36 36 48 Q 28 60 36 72 Q 44 84 36 96\"\/>\n <path d=\"M 54 0 Q 46 12 54 24 Q 62 36 54 48 Q 46 60 54 72 Q 62 84 54 96\"\/>\n <\/g>\n <!-- ===== Animated condensate drops (falling from coil tips) ===== -->\n <g>\n <path d=\"M 0 -5 Q -3 0 0 4 Q 3 0 0 -5 Z\" fill=\"#7AA0FF\"\/>\n <animatemotion dur=\"1.6s\" repeatcount=\"indefinite\" path=\"M 545 250 L 545 268\"\/>\n <animate attributename=\"opacity\" values=\"0;0;1;0.5;0\" keytimes=\"0;0.1;0.4;0.8;1\" dur=\"1.6s\" repeatcount=\"indefinite\"\/>\n <\/g>\n <g>\n <path d=\"M 0 -5 Q -3 0 0 4 Q 3 0 0 -5 Z\" fill=\"#7AA0FF\"\/>\n <animatemotion dur=\"1.7s\" begin=\"0.55s\" repeatcount=\"indefinite\" path=\"M 565 248 L 565 268\"\/>\n <animate attributename=\"opacity\" values=\"0;0;1;0.5;0\" keytimes=\"0;0.1;0.4;0.8;1\" dur=\"1.7s\" begin=\"0.55s\" repeatcount=\"indefinite\"\/>\n <\/g>\n <g>\n <path d=\"M 0 -5 Q -3 0 0 4 Q 3 0 0 -5 Z\" fill=\"#7AA0FF\"\/>\n <animatemotion dur=\"1.5s\" begin=\"1.05s\" repeatcount=\"indefinite\" path=\"M 583 250 L 583 268\"\/>\n <animate attributename=\"opacity\" values=\"0;0;1;0.5;0\" keytimes=\"0;0.1;0.4;0.8;1\" dur=\"1.5s\" begin=\"1.05s\" repeatcount=\"indefinite\"\/>\n <\/g>\n <!-- Small static drop hanging at coil tip (idle moment) -->\n <g transform=\"translate(575,248)\">\n <path d=\"M 0 -4 Q -2.5 0 0 3 Q 2.5 0 0 -4 Z\" fill=\"#7AA0FF\" opacity=\"0.55\"\/>\n <\/g>\n <text x=\"572\" y=\"135\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FFFFFF\">K\u00dcHLUNG<\/text>\n <text x=\"572\" y=\"265\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#7AA0FF\">+ Entfeuchtung<\/text>\n <\/g>\n <!-- Kaltwasser \u2194 K\u00fchlung: two vertical lines (Vorlauf + R\u00fccklauf) with dashed crossbar -->\n <path d=\"M 540 102 L 540 120 M 568 102 L 568 120\" stroke=\"#7AA0FF\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n <path d=\"M 540 111 L 568 111\" stroke=\"#7AA0FF\" stroke-width=\"1.2\" fill=\"none\" stroke-dasharray=\"3 2\"><\/path>\n\n <!-- ===== 5. NACHW\u00c4RMER (x=639-759) ===== -->\n <g>\n <rect x=\"639\" y=\"120\" width=\"120\" height=\"155\" rx=\"6\" fill=\"#0A1224\" stroke=\"#FF7A4F\" stroke-width=\"1.5\"\/>\n <g transform=\"translate(657,158)\" stroke=\"#FF7A4F\" stroke-width=\"1.6\" fill=\"none\" opacity=\"0.85\">\n <path d=\"M 0 0 Q -8 12 0 24 Q 8 36 0 48 Q -8 60 0 72 Q 8 84 0 96\"\/>\n <path d=\"M 18 0 Q 10 12 18 24 Q 26 36 18 48 Q 10 60 18 72 Q 26 84 18 96\"\/>\n <path d=\"M 36 0 Q 28 12 36 24 Q 44 36 36 48 Q 28 60 36 72 Q 44 84 36 96\"\/>\n <path d=\"M 54 0 Q 46 12 54 24 Q 62 36 54 48 Q 46 60 54 72 Q 62 84 54 96\"\/>\n <\/g>\n <text x=\"699\" y=\"135\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FFFFFF\">NACHW\u00c4RMER<\/text>\n <text x=\"699\" y=\"265\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#FF9F70\">auf Soll-Temperatur<\/text>\n <\/g>\n <!-- Warmwasser \u2194 Nachw\u00e4rmer: two vertical lines (Vorlauf + R\u00fccklauf) with dashed crossbar -->\n <path d=\"M 683 102 L 683 120 M 711 102 L 711 120\" stroke=\"#FF7A4F\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n <path d=\"M 683 111 L 711 111\" stroke=\"#FF7A4F\" stroke-width=\"1.2\" fill=\"none\" stroke-dasharray=\"3 2\"><\/path>\n\n <!-- ===== inter-module connection arrows ===== -->\n <path d=\"M 348 200 L 353 200\" stroke=\"#FF7A4F\" stroke-width=\"2.5\" fill=\"none\" marker-end=\"url(#arr-red)\"><\/path>\n <path d=\"M 505 200 L 510 200\" stroke=\"#FF7A4F\" stroke-width=\"2.5\" fill=\"none\" marker-end=\"url(#arr-red)\"><\/path>\n <path d=\"M 634 200 L 639 200\" stroke=\"#7AA0FF\" stroke-width=\"2.5\" fill=\"none\" marker-end=\"url(#arr-blue)\"><\/path>\n\n <!-- ===== R\u00dcCKLUFT path (clean: 25px from grow room, then vertical up; arrow ends just below ERG entry) ===== -->\n <path d=\"M 240 480 L 215 480 L 215 282\" stroke=\"#FF7A4F\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arr-red)\" class=\"schema-rueckluft\" stroke-linejoin=\"round\"><\/path>\n <text x=\"208\" y=\"395\" text-anchor=\"end\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#FF9F70\" letter-spacing=\"1.5\">R\u00dcCK-<\/text>\n <text x=\"208\" y=\"408\" text-anchor=\"end\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#FF9F70\" letter-spacing=\"1.5\">LUFT<\/text>\n <text x=\"208\" y=\"421\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#A8B2C5\">warm \u00b7 feucht<\/text>\n\n <!-- ===== CONDITIONED ZULUFT path (from Nachw\u00e4rmer (759, 200) down to grow room) ===== -->\n <path d=\"M 759 200 L 800 200 L 800 480 L 660 480\" stroke=\"#2D69FF\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arr-blue-deep)\" stroke-linejoin=\"round\"><\/path>\n <text x=\"820\" y=\"335\" text-anchor=\"start\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#2D69FF\" letter-spacing=\"1.5\">ZULUFT<\/text>\n <text x=\"820\" y=\"348\" text-anchor=\"start\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#A8B2C5\">22 \u00b0C \u00b7 65 %rH<\/text>\n <text x=\"820\" y=\"360\" text-anchor=\"start\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#A8B2C5\">konditioniert<\/text>\n\n <!-- ============================================================== -->\n <!-- ===== CANNABIS ANBAURAUM (IGC-Stil) ===== -->\n <!-- ============================================================== -->\n <rect x=\"240\" y=\"380\" width=\"420\" height=\"260\" rx=\"12\" fill=\"url(#rack-grad)\" stroke=\"#2D69FF\" stroke-width=\"1.2\"><\/rect>\n <text x=\"450\" y=\"404\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#FFFFFF\" letter-spacing=\"2\">IGC ANBAURAUM \u00b7 CANNABIS<\/text>\n <text x=\"450\" y=\"419\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#7AA0FF\" letter-spacing=\"1\">25 \u00b0C \u00b7 65 %rH \u00b7 stabil \u00b7 gleichm\u00e4ssig verteilt<\/text>\n\n <!-- LED light bar (height-adjustable) -->\n <rect x=\"300\" y=\"448\" width=\"300\" height=\"9\" rx=\"4.5\" fill=\"#2D69FF\"><\/rect>\n <circle class=\"schema-led\" cx=\"322\" cy=\"452\" r=\"2.3\" fill=\"#FFD43B\"><\/circle>\n <circle class=\"schema-led\" cx=\"370\" cy=\"452\" r=\"2.3\" fill=\"#FFD43B\"><\/circle>\n <circle class=\"schema-led\" cx=\"418\" cy=\"452\" r=\"2.3\" fill=\"#FFD43B\"><\/circle>\n <circle class=\"schema-led\" cx=\"466\" cy=\"452\" r=\"2.3\" fill=\"#FFD43B\"><\/circle>\n <circle class=\"schema-led\" cx=\"514\" cy=\"452\" r=\"2.3\" fill=\"#FFD43B\"><\/circle>\n <circle class=\"schema-led\" cx=\"562\" cy=\"452\" r=\"2.3\" fill=\"#FFD43B\"><\/circle>\n <!-- height-adjust indicator -->\n <g transform=\"translate(620,452)\">\n <path d=\"M 0 -9 L -4 -3 L 4 -3 Z\" fill=\"#FFB347\"\/>\n <line x1=\"0\" y1=\"-3\" x2=\"0\" y2=\"7\" stroke=\"#FFB347\" stroke-width=\"1.3\" stroke-dasharray=\"2 2\"\/>\n <path d=\"M 0 13 L -4 7 L 4 7 Z\" fill=\"#FFB347\"\/>\n <\/g>\n <text x=\"636\" y=\"449\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#FFB347\" letter-spacing=\"0.5\">h\u00f6hen-<\/text>\n <text x=\"636\" y=\"458\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#FFB347\" letter-spacing=\"0.5\">verstellb.<\/text>\n\n <!-- Cannabis plants (leaf silhouettes on stems) -->\n <g transform=\"translate(330,545)\"><path d=\"M0 28 Q -15 0 0 -22 Q 15 0 0 28 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/><line x1=\"0\" y1=\"-22\" x2=\"0\" y2=\"46\" stroke=\"#1740A8\" stroke-width=\"2\"\/><\/g>\n <g transform=\"translate(410,545)\"><path d=\"M0 28 Q -15 0 0 -22 Q 15 0 0 28 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/><line x1=\"0\" y1=\"-22\" x2=\"0\" y2=\"46\" stroke=\"#1740A8\" stroke-width=\"2\"\/><\/g>\n <g transform=\"translate(490,545)\"><path d=\"M0 28 Q -15 0 0 -22 Q 15 0 0 28 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/><line x1=\"0\" y1=\"-22\" x2=\"0\" y2=\"46\" stroke=\"#1740A8\" stroke-width=\"2\"\/><\/g>\n <g transform=\"translate(570,545)\"><path d=\"M0 28 Q -15 0 0 -22 Q 15 0 0 28 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/><line x1=\"0\" y1=\"-22\" x2=\"0\" y2=\"46\" stroke=\"#1740A8\" stroke-width=\"2\"\/><\/g>\n\n <!-- Netbow drip line under plant stems -->\n <line x1=\"310\" y1=\"592\" x2=\"590\" y2=\"592\" stroke=\"#7AA0FF\" stroke-width=\"2.2\" opacity=\"0.75\"><\/line>\n <circle cx=\"330\" cy=\"592\" r=\"2.6\" fill=\"#7AA0FF\"><\/circle>\n <circle cx=\"410\" cy=\"592\" r=\"2.6\" fill=\"#7AA0FF\"><\/circle>\n <circle cx=\"490\" cy=\"592\" r=\"2.6\" fill=\"#7AA0FF\"><\/circle>\n <circle cx=\"570\" cy=\"592\" r=\"2.6\" fill=\"#7AA0FF\"><\/circle>\n <circle class=\"schema-drip\" cx=\"330\" cy=\"592\" r=\"4.5\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\"><\/circle>\n <circle class=\"schema-drip\" cx=\"490\" cy=\"592\" r=\"4.5\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\" style=\"animation-delay:0.6s\"><\/circle>\n <circle class=\"schema-drip\" cx=\"570\" cy=\"592\" r=\"4.5\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\" style=\"animation-delay:1.2s\"><\/circle>\n <text x=\"450\" y=\"608\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#7AA0FF\" letter-spacing=\"1\">NETBOW \u00b7 TROPFBEW\u00c4SSERUNG<\/text>\n\n <!-- Side ventilation (left) -->\n <path d=\"M 250 500 L 280 500\" stroke=\"#2D69FF\" stroke-width=\"1.4\" fill=\"none\" marker-end=\"url(#arr-blue-deep)\" opacity=\"0.7\"><\/path>\n <path d=\"M 250 518 L 280 518\" stroke=\"#2D69FF\" stroke-width=\"1.4\" fill=\"none\" marker-end=\"url(#arr-blue-deep)\" opacity=\"0.7\"><\/path>\n <text x=\"265\" y=\"490\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"6.5\" fill=\"#7AA0FF\" letter-spacing=\"0.5\">SEITENL\u00dcFTUNG<\/text>\n\n <!-- Side ventilation (right) -->\n <path d=\"M 650 500 L 620 500\" stroke=\"#7AA0FF\" stroke-width=\"1.4\" fill=\"none\" marker-end=\"url(#arr-blue)\" opacity=\"0.7\"><\/path>\n <path d=\"M 650 518 L 620 518\" stroke=\"#7AA0FF\" stroke-width=\"1.4\" fill=\"none\" marker-end=\"url(#arr-blue)\" opacity=\"0.7\"><\/path>\n <text x=\"635\" y=\"490\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"6.5\" fill=\"#7AA0FF\" letter-spacing=\"0.5\">SEITENL\u00dcFTUNG<\/text>\n\n <!-- Sensor T\/rH -->\n <circle class=\"schema-sensor\" cx=\"450\" cy=\"623\" r=\"4\" fill=\"#2D69FF\"><\/circle>\n <text x=\"468\" y=\"626\" text-anchor=\"start\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#7AA0FF\" letter-spacing=\"1\">T\/rH<\/text>\n\n <!-- ===== CONTROLLER ===== -->\n <g transform=\"translate(330,690)\">\n <rect width=\"240\" height=\"48\" rx=\"8\" fill=\"#0A1224\" stroke=\"#2D69FF\" stroke-width=\"1.5\"\/>\n <text x=\"120\" y=\"22\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#FFFFFF\" letter-spacing=\"1.5\">CARBON<tspan font-style=\"italic\">ACTIVE<\/tspan><\/text>\n <text x=\"120\" y=\"38\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#7AA0FF\" letter-spacing=\"1\">\u25cfSTEUERUNG & SENSORIK<\/text>\n <\/g>\n\n <path d=\"M 360 690 Q 320 600 320 280\" stroke=\"#2D69FF\" stroke-width=\"0.8\" fill=\"none\" stroke-dasharray=\"2 3\" opacity=\"0.4\"><\/path>\n <path d=\"M 540 690 Q 600 600 685 280\" stroke=\"#2D69FF\" stroke-width=\"0.8\" fill=\"none\" stroke-dasharray=\"2 3\" opacity=\"0.4\"><\/path>\n <path d=\"M 450 690 L 450 623\" stroke=\"#2D69FF\" stroke-width=\"0.8\" fill=\"none\" stroke-dasharray=\"2 3\" opacity=\"0.4\"><\/path>\n\n <!-- ===== ANIMATED PARTICLES ===== -->\n <!-- Aussenluft IN (cold blue, into Stream A first half) -->\n <circle r=\"3.5\" fill=\"#7AA0FF\" opacity=\"0.9\">\n <animatemotion dur=\"3.5s\" repeatcount=\"indefinite\" path=\"M 22 160 L 85 160 C 110 160, 130 190, 145 190 L 175 198\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"3.5s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <!-- Tempered air through AHU train: red \u2192 blue (K\u00fchlung) \u2192 red (Nachw\u00e4rmer) -->\n <circle r=\"3.5\" fill=\"#FF7A4F\" opacity=\"0.9\">\n <animatemotion dur=\"5.5s\" begin=\"1.4s\" repeatcount=\"indefinite\" path=\"M 175 198 L 205 190 L 270 190 L 270 200 L 759 200\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"5.5s\" begin=\"1.4s\" repeatcount=\"indefinite\"><\/animate>\n <animate attributename=\"fill\" values=\"#FF7A4F;#FF7A4F;#7AA0FF;#FF7A4F\" keytimes=\"0;0.58;0.79;1\" dur=\"5.5s\" begin=\"1.4s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <!-- Conditioned Zuluft (brand blue) \u2192 grow room -->\n <circle r=\"3.5\" fill=\"#2D69FF\" opacity=\"0.9\">\n <animatemotion dur=\"3.5s\" begin=\"3.2s\" repeatcount=\"indefinite\" path=\"M 759 200 L 800 200 L 800 480 L 660 480\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"3.5s\" begin=\"3.2s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <!-- R\u00fcckluft (orange) \u2192 Stream B first half -->\n <circle r=\"3.5\" fill=\"#FF7A4F\" opacity=\"0.9\">\n <animatemotion dur=\"4s\" repeatcount=\"indefinite\" path=\"M 240 480 L 215 480 L 215 282 L 215 275 C 215 250, 195 205, 185 205 L 175 198\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"4s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n <!-- Fortluft (cold blue, Stream B second half + outside) -->\n <circle r=\"3.5\" fill=\"#7AA0FF\" opacity=\"0.9\">\n <animatemotion dur=\"3s\" begin=\"1.8s\" repeatcount=\"indefinite\" path=\"M 175 198 L 145 205 C 130 205, 110 240, 85 240 L 22 240\"><\/animatemotion>\n <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"3s\" begin=\"1.8s\" repeatcount=\"indefinite\"><\/animate>\n <\/circle>\n\n <\/svg>\n <div class=\"erg-diagram-legend\">\n <div class=\"erg-legend-item\"><span class=\"erg-line-h\" style=\"background:#7AA0FF;\"><\/span>Outside air \/ exhaust air (cold - without energy)<\/div>\n <div class=\"erg-legend-item\"><span class=\"erg-line-h\" style=\"background:#FF7A4F;\"><\/span>Supply air preconditioned & return air (with energy)<\/div>\n <div class=\"erg-legend-item\"><span class=\"erg-line-h\" style=\"background:#2D69FF;\"><\/span>Supply air conditioned (to setpoint)<\/div>\n <div class=\"erg-legend-item\"><span class=\"erg-line-h\" style=\"background:#FFD43B;\"><\/span>Energy Recovery Group heat transfer (passive)<\/div>\n <div class=\"erg-legend-item\"><span class=\"erg-line-h\" style=\"background:#3EE5A5;\"><\/span>Plants - Drip irrigation<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"semiloop-features stagger-children\">\n <div class=\"semiloop-feature reveal-scale\">\n <div class=\"semiloop-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/div>\n <h4>Energy-saving<\/h4>\n <p>\n Optimized use of outside air with 8 months of optimal\n conditions\n <\/p>\n <\/div>\n <div class=\"semiloop-feature reveal-scale\">\n <div class=\"semiloop-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><path d=\"M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z\"><\/path><\/svg><\/div>\n <h4>Low fluctuation<\/h4>\n <p>Constant climate conditions for maximum yields<\/p>\n <\/div>\n <div class=\"semiloop-feature reveal-scale\">\n <div class=\"semiloop-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg><\/div>\n <h4>PLC-controlled<\/h4>\n <p>\n Precise control systems via sensors, control technology and control cabinet construction\n <\/p>\n <\/div>\n <div class=\"semiloop-feature reveal-scale\">\n <div class=\"semiloop-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><path d=\"M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5\"><\/path><path d=\"M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12\"><\/path><path d=\"m14 16-3 3 3 3\"><\/path><path d=\"M8.293 13.596 7.196 9.5 3.1 10.598\"><\/path><path d=\"m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 12.026 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843\"><\/path><path d=\"m13.378 9.633 4.096 1.098 1.097-4.096\"><\/path><\/svg><\/div>\n <h4>Energy recovery<\/h4>\n <p>Up to 80% heat recovery from the exhaust air<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ERG Detail Section -->\n <section class=\"erg-detail\" id=\"energie\">\n <div class=\"erg-container\">\n <div class=\"section-header reveal\">\n <h2>Energy Recovery (ERG)<\/h2>\n <p>\n At the heart of every <span class=\"ca-active\">SemiLoop<\/span> facility\n is a heat exchanger that recirculates the exhaust air energy.\n This is where most of the electricity savings are generated in open operation\n - and the basis for closed operation is laid.\n <\/p>\n <\/div>\n <div class=\"erg-grid\">\n <div class=\"erg-content reveal-left\">\n <div class=\"erg-component\">\n <div class=\"component-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"><\/path><path d=\"M21 3v5h-5\"><\/path><\/svg><\/div>\n <div class=\"component-text\">\n <h4>HEAT EXCHANGER principle<\/h4>\n <p>\n More than 80% of the heat energy is transferred to\n the supply air when the exhaust air is discharged. No\n additional heating is required when the lighting is switched on. \n <\/p>\n <\/div>\n <\/div>\n <div class=\"erg-component\">\n <div class=\"component-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"><\/path><\/svg><\/div>\n <div class=\"component-text\">\n <h4>Passive dehumidification<\/h4>\n <p>\n In cold, dry outside air, the system passively dehumidifies\n without additional power consumption.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"erg-component\">\n <div class=\"component-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"><\/line><path d=\"m20 16-4-4 4-4\"><\/path><path d=\"m4 8 4 4-4 4\"><\/path><path d=\"m16 4-4 4-4-4\"><\/path><path d=\"m8 20 4-4 4 4\"><\/path><\/svg><\/div>\n <div class=\"component-text\">\n <h4>Passive cooling<\/h4>\n <p>\n If the outside air is colder than in the cultivation room's,\n energy-efficient cooling takes place via the ventilation system.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"erg-component\">\n <div class=\"component-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><path d=\"M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z\"><\/path><\/svg><\/div>\n <div class=\"component-text\">\n <h4>Active heating<\/h4>\n <p>\n Only when the energy recovery reaches its barriers (e.g.\n winter when the lights are off) is the system actively reheated.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"erg-visual reveal-right\">\n <div class=\"erg-efficiency-card\">\n <div class=\"efficiency-header\">\n <h4>Energy recovery<\/h4>\n <span class=\"efficiency-value\">80%+<\/span>\n <\/div>\n <div class=\"efficiency-bar\">\n <div class=\"efficiency-fill\"><\/div>\n <\/div>\n <div class=\"efficiency-stats\">\n <div class=\"eff-stat\">\n <span class=\"eff-label\">Heat recovery<\/span>\n <span class=\"eff-value\">80%<\/span>\n <\/div>\n <div class=\"eff-stat\">\n <span class=\"eff-label\">Optimal season<\/span>\n <span class=\"eff-value\">8 months<\/span>\n <\/div>\n <div class=\"eff-stat\">\n <span class=\"eff-label\">Climate electricity savings<\/span>\n <span class=\"eff-value\">6-10\u00d7<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Warmwasserspeicher Section -->\n <section class=\"warmwasser\" id=\"warmwasser\">\n <div class=\"warmwasser-container\">\n <div class=\"warmwasser-grid\">\n <div class=\"warmwasser-content reveal-left\">\n <span class=\"warmwasser-eyebrow\">IGC Professional Feature<\/span>\n <h2>Heating without electricity: the hot water tank<\/h2>\n <p>\n The Energy Recovery Group recovers the heat from the exhaust air - what happens to\n the heat that the active air conditioning system dissipates at the height of summer? With\n conventional closed systems, it is lost <em>and<\/em>\n must be replaced in the dark phase with electric heating coils\n. Twice the energy for the same cultivation room'S. \n <\/p>\n <p>\n In the IGC Professional, we store this waste heat in a\n hot water tank and use it to reheat the room,\n when the lighting is switched off. This makes closed\n operation significantly more energy-efficient - and dehumidification without\n electrical reheating practical in the first place. \n <\/p>\n <ul class=\"warmwasser-features\">\n <li>\n <svg class=\"icon\" viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Waste heat from the climate control system is stored instead of dissipated<\/span>\n <\/li>\n <li>\n <svg class=\"icon\" viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Dehumidification without separate electric heating<\/span>\n <\/li>\n <li>\n <svg class=\"icon\" viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <span>Closed operation as efficient as open systems<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"warmwasser-visual reveal-right\">\n <div class=\"warmwasser-comparison\">\n <div class=\"ww-card herkoemmlich\">\n <div class=\"ww-card-header\">\n <span class=\"ww-card-tag\">Conventionally closed<\/span>\n <\/div>\n <div class=\"ww-flow\">\n <div class=\"ww-flow-item\">\n <span class=\"ww-flow-icon ww-icon-cool\">\u2193<\/span>\n <span>CLIMATE CONTROL SYSTEM cools<\/span>\n <\/div>\n <div class=\"ww-flow-item ww-flow-loss\">\n <span class=\"ww-flow-icon\">\u00d7<\/span>\n <span>Waste heat dissipated \u2192 lost<\/span>\n <\/div>\n <div class=\"ww-flow-item ww-flow-extra\">\n <span class=\"ww-flow-icon ww-icon-heat\">\u2191<\/span>\n <span>Heating coil needs electricity<\/span>\n <\/div>\n <\/div>\n <div class=\"ww-card-footer\">Double the energy input<\/div>\n <\/div>\n <div class=\"ww-vs\">vs.<\/div>\n <div class=\"ww-card carbonactive\">\n <div class=\"ww-card-header\">\n <span class=\"ww-card-tag\">IGC Professional<\/span>\n <\/div>\n <div class=\"ww-flow\">\n <div class=\"ww-flow-item\">\n <span class=\"ww-flow-icon ww-icon-cool\">\u2193<\/span>\n <span>CLIMATE CONTROL SYSTEM cools<\/span>\n <\/div>\n <div class=\"ww-flow-item ww-flow-store\">\n <span class=\"ww-flow-icon\">\u2299<\/span>\n <span>Waste heat \u2192 Hot water tank<\/span>\n <\/div>\n <div class=\"ww-flow-item ww-flow-reuse\">\n <span class=\"ww-flow-icon ww-icon-heat\">\u2191<\/span>\n <span>Heating with stored energy<\/span>\n <\/div>\n <\/div>\n <div class=\"ww-card-footer ww-card-footer-success\">Circuit closed<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Technical Components Section -->\n <section class=\"components\" id=\"komponenten\">\n <div class=\"components-container\">\n <div class=\"section-header reveal\">\n <h2>Technical components<\/h2>\n <p>\n Energy Recovery Group and hot water tank are just two components. Six\n components matched to each other turn your warehouse into a\n cultivation room's ready for production. \n <\/p>\n <\/div>\n <div class=\"components-grid\">\n <div class=\"component-card reveal-scale\">\n <div class=\"component-visual\">\n <span class=\"component-number\">01<\/span>\n <\/div>\n <div class=\"component-info\">\n <h4>AHU - Air Handling Unit<\/h4>\n <p>\n The heart with pre-filter, energy recovery and\n activated carbon filter for odor-free operation.\n <\/p>\n <ul class=\"component-list\">\n <li>Pre-filter for harmful particles<\/li>\n <li>Activated carbon filter Odor protection<\/li>\n <li>Integrated control systems<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"component-card reveal-scale\">\n <div class=\"component-visual\">\n <span class=\"component-number\">02<\/span>\n <\/div>\n <div class=\"component-info\">\n <h4>Lateral ventilation<\/h4>\n <p>\n Optimized ventilation via the sides for even\n air circulation without direct draughts on the plants.\n <\/p>\n <ul class=\"component-list\">\n <li>3 variants selectable<\/li>\n <li>Electrically height-adjustable optional<\/li>\n <li>Even air circulation<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"component-card reveal-scale\">\n <div class=\"component-visual\">\n <span class=\"component-number\">03<\/span>\n <\/div>\n <div class=\"component-info\">\n <h4>HEAT EXCHANGER<\/h4>\n <p>\n Highly efficient heat transfer between supply and exhaust air for\n maximum energy savings.\n <\/p>\n <ul class=\"component-list\">\n <li>>80% heat recovery<\/li>\n <li>Passive dehumidification<\/li>\n <li>Integrated hot water tank<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"component-card reveal-scale\">\n <div class=\"component-visual\">\n <span class=\"component-number\">04<\/span>\n <\/div>\n <div class=\"component-info\">\n <h4>Control cabinets & BMS<\/h4>\n <p>\n Intelligent building control with modern PLC technology for\n precise climate control.\n <\/p>\n <ul class=\"component-list\">\n <li>Modern PLC control systems<\/li>\n <li>Sensors & control technology<\/li>\n <li>Remote access possible<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"component-card reveal-scale\">\n <div class=\"component-visual\">\n <span class=\"component-number\">05<\/span>\n <\/div>\n <div class=\"component-info\">\n <h4>CO\u2082 fumigation<\/h4>\n <p>\n Integrated system for active CO\u2082 supply in the initial weeks\n during closed operation.\n <\/p>\n <ul class=\"component-list\">\n <li>Integrated in all IGCs<\/li>\n <li>Humidity maintenance<\/li>\n <li>Healthy plant growth<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"component-card reveal-scale\">\n <div class=\"component-visual\">\n <span class=\"component-number\">06<\/span>\n <\/div>\n <div class=\"component-info\">\n <h4>Tables & lighting<\/h4>\n <p>\n Optimum use of space with movable benches and electrically\n height-adjustable lighting mounts.\n <\/p>\n <ul class=\"component-list\">\n <li>36m\u00b2 net cultivation area<\/li>\n <li>900 or 1300 \u00b5mol\/m\u00b2\/s<\/li>\n <li>Electrically height-adjustable<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Lighting Configuration Section -->\n <section class=\"addons\" id=\"extras\">\n <div class=\"addons-container\">\n <div class=\"section-header reveal\">\n <h2>Lighting configuration<\/h2>\n <p>\n One of the few places where you actively configure: How\n much light should fall on your plants? There are three light levels to choose from\n - each with its own climate planning. \n <\/p>\n <\/div>\n <div class=\"addons-grid lighting-grid\">\n <div class=\"addon-card reveal-scale\">\n <div class=\"addon-badge\">Beginner<\/div>\n <div class=\"lighting-stat\">\n <span class=\"lighting-rows\">4<\/span>\n <span class=\"lighting-rows-label\">Lamp rows<\/span>\n <\/div>\n <h4>850 \u00b5mol\/m\u00b2\/s<\/h4>\n <p>\n Lower light intensity with moderate climate requirements.\n Ideal for beginner projects and cultivation that is gentle on the variety.\n <\/p>\n <\/div>\n <div class=\"addon-card featured reveal-scale\">\n <div class=\"addon-badge\">Recommended<\/div>\n <div class=\"lighting-stat\">\n <span class=\"lighting-rows\">5<\/span>\n <span class=\"lighting-rows-label\">Lamp rows<\/span>\n <\/div>\n <h4>1000 \u00b5mol\/m\u00b2\/s<\/h4>\n <p>\n Sweet spot between yield and efficiency. Balanced ratio\n of light intensity and climate effort. \n <\/p>\n <\/div>\n <div class=\"addon-card reveal-scale\">\n <div class=\"addon-badge\">Maximum<\/div>\n <div class=\"lighting-stat\">\n <span class=\"lighting-rows\">6<\/span>\n <span class=\"lighting-rows-label\">Lamp rows<\/span>\n <\/div>\n <h4>1150 \u00b5mol\/m\u00b2\/s<\/h4>\n <p>\n Maximum light intensity for maximum yields. Increased\n climate requirements - ideal for crop steering professionals. \n <\/p>\n <\/div>\n <\/div>\n <div class=\"standard-features-block reveal\">\n <h4 class=\"standard-features-title\">Standard equipment in every IGC<\/h4>\n <div class=\"standard-features-grid\">\n <div class=\"standard-feature\">\n <svg class=\"icon\" viewbox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"7 13 12 18 17 13\"><\/polyline><polyline points=\"7 6 12 11 17 6\"><\/polyline><\/svg>\n <div>\n <strong>Height-adjustable lighting<\/strong>\n <span>Adapted to the growth phase at the touch of a button<\/span>\n <\/div>\n <\/div>\n <div class=\"standard-feature\">\n <svg class=\"icon\" viewbox=\"0 0 24 24\" stroke-width=\"2\"><polyline points=\"13 17 18 12 13 7\"><\/polyline><polyline points=\"6 17 11 12 6 7\"><\/polyline><\/svg>\n <div>\n <strong>Height-adjustable lateral ventilation<\/strong>\n <span>Precise air flow directly at the plant basket<\/span>\n <\/div>\n <\/div>\n <div class=\"standard-feature\">\n <svg class=\"icon\" viewbox=\"0 0 24 24\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"><\/path><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"><\/line><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"><\/line><\/svg>\n <div>\n <strong>Integrated CO\u2082 fumigation<\/strong>\n <span>Active supply in the initial weeks<\/span>\n <\/div>\n <\/div>\n <div class=\"standard-feature\">\n <svg class=\"icon\" viewbox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"><\/path><path d=\"M21 3v5h-5\"><\/path><\/svg>\n <div>\n <strong>Energy recovery<\/strong>\n <span>Up to 80% heat recovery from the exhaust air<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Room Size Comparison Section -->\n <section class=\"room-comparison\" id=\"raumplanung\">\n <div class=\"room-comparison-container\">\n <div class=\"section-header reveal\">\n <h2>Room layout: many small vs. few large rooms<\/h2>\n <p>\n With the light intensity, you know how much will grow per square meter -\n now it's a question of how many rooms will fit in your warehouse. This\n decision influences risk, flexibility and costs. \n <\/p>\n <\/div>\n <div class=\"comparison-table-wrapper reveal\">\n <table class=\"comparison-table\">\n <thead>\n <tr>\n <th>Criterion<\/th>\n <th>Few large rooms<\/th>\n <th>Many small rooms<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Loss risk<\/strong><\/td>\n <td><span class=\"compare-icon good\">\u2713<\/span> Lower<\/td>\n <td><span class=\"compare-icon good\">\u2713<\/span> Lower<\/td>\n <\/tr>\n <tr>\n <td><strong>Variety of strains<\/strong><\/td>\n <td><span class=\"compare-icon bad\">\u2717<\/span> Limited<\/td>\n <td><span class=\"compare-icon good\">\u2713<\/span> High<\/td>\n <\/tr>\n <tr>\n <td><strong>Staff utilization<\/strong><\/td>\n <td><span class=\"compare-icon bad\">\u2717<\/span> More difficult<\/td>\n <td><span class=\"compare-icon good\">\u2713<\/span> Optimal<\/td>\n <\/tr>\n <tr>\n <td><strong>Response options<\/strong><\/td>\n <td><span class=\"compare-icon bad\">\u2717<\/span> Limited<\/td>\n <td><span class=\"compare-icon good\">\u2713<\/span> Flexible<\/td>\n <\/tr>\n <tr>\n <td><strong>Cost per m\u00b2<\/strong><\/td>\n <td><span class=\"compare-icon good\">\u2713<\/span> Lower<\/td>\n <td><span class=\"compare-icon bad\">\u2717<\/span> Higher<\/td>\n <\/tr>\n <tr>\n <td><strong>Ideal for areas<\/strong><\/td>\n <td>From 144m\u00b2 (4 rooms)<\/td>\n <td>Less than 144m\u00b2<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"room-size-recommendation reveal\">\n <div class=\"recommendation-box\">\n <h4><svg class=\"icon\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>Our recommendation<\/h4>\n <p>\n <strong>36m\u00b2 net cultivation area per room<\/strong> is the sweet spot\n - lots of small but not too expensive rooms. From 144m\u00b2\n 4 rooms are recommended, from 288m\u00b2 already 8 rooms. \n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ROI Section -->\n <section class=\"roi\" id=\"wirtschaftlichkeit\">\n <div class=\"roi-container\">\n <div class=\"roi-header reveal\">\n <h2>Profitability & return on investment<\/h2>\n <p>\n You now know the system, the configuration and the rooms - the\n question remains: What does it cost and when does it pay off?\n <\/p>\n <\/div>\n <div class=\"roi-grid\">\n <div class=\"roi-chart reveal-left\">\n <div class=\"chart-title\">Optimal climate throughout the year<\/div>\n <div class=\"chart-subtitle-secondary\">Share of cultivation schedule without climate adjustments<\/div>\n <div class=\"chart-visual\">\n <div class=\"chart-bar-group\">\n <div class=\"chart-bar basic\"><\/div>\n <span class=\"chart-label\">Basic - 70 %<\/span>\n <\/div>\n <div class=\"chart-bar-group\">\n <div class=\"chart-bar professional\"><\/div>\n <span class=\"chart-label\">Professional - 100 %<\/span>\n <\/div>\n <\/div>\n <div class=\"chart-legend\">\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: var(--primary)\"><\/div>\n <span>Daytime operation also possible in midsummer<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"roi-content reveal-right\">\n <h3>When will your facility pay for itself?<\/h3>\n <p>\n Medicinal cannabis has two advantages over the\n consumer market: pharmaceutical-grade margins are higher, and\n pharmacy supply contracts are long-lasting. In a\n scenario with 500 patients, 25 g monthly supply and a\n pharmacy price starting at \u20ac8\/g, an IGC facility\n typically pays for itself within 12 months - the GMP requirements\n for the clean room and filter cascade are already included. \n <\/p>\n\n <div class=\"roi-highlights\">\n <div class=\"roi-highlight\">\n <div class=\"roi-highlight-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><path d=\"M3 3v18h18\"><\/path><path d=\"M7 16l4-8 4 4 5-9\"><\/path><\/svg><\/div>\n <div class=\"roi-highlight-content\">\n <h4>Scenario: 500 patients<\/h4>\n <p>With 25 g purchase\/month and pharmacy margins<\/p>\n <\/div>\n <\/div>\n <div class=\"roi-highlight\">\n <div class=\"roi-highlight-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/div>\n <div class=\"roi-highlight-content\">\n <h4>Pharma grade margins<\/h4>\n <p>Higher retail prices than consumer cannabis due to GMP certification<\/p>\n <\/div>\n <\/div>\n <div class=\"roi-highlight\">\n <div class=\"roi-highlight-icon\"><svg class=\"icon\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg><\/div>\n <div class=\"roi-highlight-content\">\n <h4>Long-lasting contracts<\/h4>\n <p>\n Pharmacy supply instead of spot market - calculable\n purchase over years\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/meetings-eu1.hubspot.com\/lminks\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\" style=\"background:#2d69ff;color:#fff;\">Discuss profitability<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Process Section -->\n <section class=\"process\" id=\"prozess\">\n <div class=\"process-container\">\n <div class=\"process-header reveal\">\n <h2>From planning to the first harvest<\/h2>\n <p>\n Once the economic viability has been established, things become concrete: six phases\n lead from the first meeting to commissioning. With IGC facilities\n much faster than with custom facilities. \n <\/p>\n <\/div>\n <div class=\"process-toggle reveal\">\n <input type=\"radio\" name=\"processType\" id=\"processIGC\" checked>\n <label for=\"processIGC\" class=\"process-toggle-btn\">IGC facility<\/label>\n <input type=\"radio\" name=\"processType\" id=\"processIndividual\"\/>\n <label for=\"processIndividual\" class=\"process-toggle-btn\">Custom facility<\/label>\n <\/div>\n <div class=\"process-grid stagger-children\">\n <div class=\"process-step reveal-scale\">\n <div class=\"process-number\">01<\/div>\n <h4>Concept development<\/h4>\n <p>\n Required cultivation area, cultivation method, climate conditions, planning\n Adjoining rooms\n <\/p>\n <span class=\"process-duration\" data-igc=\"2\u20136 Wochen\" data-individual=\"4\u20138 Wochen\">2-6 weeks<\/span>\n <\/div>\n <div class=\"process-step reveal-scale\">\n <div class=\"process-number\">02<\/div>\n <h4>Rough planning<\/h4>\n <p>\n On-site visit incl. measurements, cost estimate, finalization\n Room layout \n <\/p>\n <span class=\"process-duration\" data-igc=\"2 Tage\" data-individual=\"12\u201320 Wochen\">2 days<\/span>\n <\/div>\n <div class=\"process-step reveal-scale\">\n <div class=\"process-number\">03<\/div>\n <h4>Detailed planning<\/h4>\n <p>\n Preparation of building applications, identification of suppliers, finalization\n Building planning\n <\/p>\n <span class=\"process-duration\" data-igc=\"2\u20133 Tage\" data-individual=\"2\u20136 Wochen\">2-3 days<\/span>\n <\/div>\n <div class=\"process-step reveal-scale\">\n <div class=\"process-number\">04<\/div>\n <h4>Manufacturing<\/h4>\n <p>\n Planning delivery deadlines, in-house production, determine final budget\n \n <\/p>\n <span class=\"process-duration\" data-igc=\"8\u201312 Wochen\" data-individual=\"6\u20138 Wochen\">8-12 weeks<\/span>\n <\/div>\n <div class=\"process-step reveal-scale\">\n <div class=\"process-number\">05<\/div>\n <h4>Installation<\/h4>\n <p>Construction measures, BMS programming, final building acceptance<\/p>\n <span class=\"process-duration\" data-igc=\"1 Woche pro IGC\" data-individual=\"8\u201320 Wochen\">1 week per IGC<\/span>\n <\/div>\n <div class=\"process-step reveal-scale\">\n <div class=\"process-number\">06<\/div>\n <h4>Commissioning<\/h4>\n <p>\n Handover to customers, training systems, cleaning & maintenance plan\n <\/p>\n <span class=\"process-duration\" data-igc=\"1 Tag\" data-individual=\"1 Woche\">1 day<\/span>\n <\/div>\n <\/div>\n <div class=\"process-summary reveal\">\n <p>\n <strong class=\"process-summary-igc\">IGC facility:<\/strong>\n Standardized design, less planning effort - if\n conversion approval is available, the facility can initially be built to variant\n <em>Basic<\/em> and later upgraded to <em>Professional<\/em>.\n <\/p>\n <p>\n CUSTOMOM <strong class=\"process-summary-individual\">FACILITY:<\/strong>\n Customized climate planning with fully integrated system -\n longer planning phases, but lower initial and operational costs\n per m\u00b2 from 4 IGCs (144 m\u00b2).\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Reference Section -->\n <section class=\"reference\" id=\"referenz\">\n <div class=\"reference-container reveal\">\n <div class=\"reference-image\">\n <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-30.-Apr.-2026-15_16_44-1.png\" alt=\"GMP ventilation system realized by CarbonActive at Pure Pharma in Laufenburg\">\n <\/div>\n <div class=\"reference-content\">\n <span class=\"reference-eyebrow\">Reference project<\/span>\n <h2>GMP ventilation in practice: <em>Pure Pharma<\/em><\/h2>\n <p>\n How <span class=\"ca-active\">CarbonActive<\/span> implemented a GMP-compliant ventilation system for Pure Pharma in\n Laufenburg -\n Filter cascades, pressure cascades and reproducible clean room climate\n for pharmaceutical production. Take a look at the project in detail\n. \n <\/p>\n <a href=\"https:\/\/carbonactive.com\/referenzen-pure-pharma-gmp-lueftung-laufenburg\/?v=3eb702302e19\" class=\"btn btn-primary\" style=\"background:#2d69ff;color:#fff;\" target=\"_blank\" rel=\"noopener\">\n To the reference page\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta\">\n <div class=\"cta-container reveal-scale\">\n <h2>Ready for pharma-grade cannabis?<\/h2>\n <p style=\"margin-bottom: 2rem;\">\n We support you from the cleanroom concept to GMP validation. Let\n us discuss the right filter cascade, pressure cascade and climate design\n for your project - free of charge and without obligation. \n <\/p>\n <div class=\"cta-buttons\">\n <a href=\"https:\/\/meetings-eu1.hubspot.com\/lminks\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-large cta-btn-primary\" style=\"background:#2d69ff;color:#fff;background:#fff;color:#2d69ff;\">\n <svg class=\"icon\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n Arrange a consultation now\n <\/a>\n <a href=\"tel:+41417111175\" class=\"btn btn-large cta-btn-secondary\" style=\"background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.4);\">\n <svg class=\"icon\" viewbox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n +41 41 711 11 75\n <\/a> \n <\/div>\n <div class=\"cta-features\">\n <span class=\"cta-feature\">Free initial consultation<\/span>\n <span class=\"cta-feature\">Swiss quality<\/span>\n <span class=\"cta-feature\">EU GMP-compliant planning<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer wird in Elementor-Template gesetzt -->\n\n <script>\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach((anchor) => {\n anchor.addEventListener(\"click\", function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute(\"href\"));\n if (target) {\n target.scrollIntoView({\n behavior: \"smooth\",\n block: \"start\",\n });\n }\n });\n });\n\n \/\/ Process toggle: IGC vs Individual planning durations\n \/\/ CSS handles this via :has() in modern browsers; JS handles older fallbacks\n \/\/ and keeps the .text content in sync for accessibility \/ copy-paste.\n (function () {\n const igcRadio = document.getElementById(\"processIGC\");\n const individualRadio = document.getElementById(\"processIndividual\");\n const durations = document.querySelectorAll(\".process-duration\");\n if (!igcRadio || !individualRadio || durations.length === 0) return;\n\n function syncDurations() {\n const useIndividual = individualRadio.checked;\n durations.forEach((el) => {\n const val = useIndividual\n ? el.dataset.individual\n : el.dataset.igc;\n if (val) el.textContent = val;\n });\n \/\/ Force CSS re-evaluation in browsers without :has() by toggling a class\n const toggle = document.querySelector(\".process-toggle\");\n if (toggle) {\n toggle.classList.toggle(\"is-individual\", useIndividual);\n }\n }\n\n igcRadio.addEventListener(\"change\", syncDurations);\n individualRadio.addEventListener(\"change\", syncDurations);\n syncDurations();\n })();\n\n \/\/ Scroll Reveal Animation\n const revealElements = document.querySelectorAll(\n \".reveal, .reveal-left, .reveal-right, .reveal-scale\"\n );\n const staggerContainers = document.querySelectorAll(\".stagger-children\");\n\n const revealObserver = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"active\");\n revealObserver.unobserve(entry.target);\n }\n });\n },\n {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\",\n }\n );\n\n revealElements.forEach((el) => revealObserver.observe(el));\n staggerContainers.forEach((el) => revealObserver.observe(el));\n\n \/\/ Mouse Glow Effect\n const mouseGlow = document.getElementById(\"mouseGlow\");\n let mouseX = 0,\n mouseY = 0;\n let glowX = 0,\n glowY = 0;\n\n \/\/ Only enable on non-touch devices\n if (!window.matchMedia(\"(pointer: coarse)\").matches) {\n mouseGlow.classList.add(\"active\");\n\n document.addEventListener(\"mousemove\", (e) => {\n mouseX = e.clientX;\n mouseY = e.clientY;\n });\n\n \/\/ Smooth follow animation\n function animateGlow() {\n glowX += (mouseX - glowX) * 0.1;\n glowY += (mouseY - glowY) * 0.1;\n mouseGlow.style.left = glowX + \"px\";\n mouseGlow.style.top = glowY + \"px\";\n requestAnimationFrame(animateGlow);\n }\n animateGlow();\n }\n\n \/\/ Parallax effect for hero section\n window.addEventListener(\"scroll\", () => {\n const scrolled = window.pageYOffset;\n const parallaxElements = document.querySelectorAll(\".parallax\");\n\n parallaxElements.forEach((el) => {\n const speed = el.dataset.speed || 0.5;\n el.style.transform = `translateY(${scrolled * speed}px)`;\n });\n });\n\n \/\/ Add card-hover class to product cards\n document.querySelectorAll(\".product-card\").forEach((card) => {\n card.classList.add(\"card-hover\", \"shine-effect\");\n });\n\n \/\/ Animate stats on scroll\n const stats = document.querySelectorAll(\".stat-value\");\n const statsObserver = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n const target = entry.target;\n target.style.opacity = \"0\";\n\n setTimeout(() => {\n target.style.transition = \"opacity 0.5s\";\n target.style.opacity = \"1\";\n }, 100);\n\n statsObserver.unobserve(entry.target);\n }\n });\n },\n { threshold: 0.5 }\n );\n\n stats.forEach((stat) => statsObserver.observe(stat));\n <\/script>\n \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5de75dc e-flex e-con-boxed e-con e-parent\" data-id=\"5de75dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f8ec90 elementor-widget elementor-widget-template\" data-id=\"9f8ec90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"section\" data-elementor-id=\"2901\" class=\"elementor elementor-2901 elementor-1923 elementor-1923\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-02c3a85 elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"02c3a85\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5d0d3e0 elementor-hidden-mobile elementor-hidden-tablet\" data-id=\"5d0d3e0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-379a5ad elementor-widget elementor-widget-image\" data-id=\"379a5ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/elementor\/thumbs\/FI3A6746-3_frei-scaled-e1746683246658-r610kttite22dhbupkd1pj9r4ruadrdsp7sji12u0g.png\" title=\"FI3A6746-3_frei\" alt=\"FI3A6746-3_frei\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c731af5\" data-id=\"c731af5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a05e0b4 elementor-widget elementor-widget-heading\" data-id=\"a05e0b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We are here for you<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b51ac42 elementor-widget elementor-widget-heading\" data-id=\"b51ac42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Together we realize your cultivation project<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4ca920b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ca920b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-8a27702\" data-id=\"8a27702\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86a6388 elementor-align-start elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"86a6388\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-circle-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Get a thorough overview of our offer<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-circle-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Pre-estimate budgets for financial plans<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-circle-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Create liquidity planning<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-circle-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Create room layout plan<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9b78f12\" data-id=\"9b78f12\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35d6f45 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"35d6f45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-circle-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Evaluate upgrades to existing facilities<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-circle-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Making regulatory assessments<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-circle-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Determine cultivation methods<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-arrow-right-circle-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Check business plans<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2053091 elementor-section-content-middle elementor-reverse-mobile elementor-reverse-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2053091\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a0475f6\" data-id=\"a0475f6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a5f5b7 elementor-align-right elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"3a5f5b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/meetings-eu1.hubspot.com\/lminks?uuid=e4136fa4-c8fd-48ba-8ca4-6f6d23fba669\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a consultation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1aa80d elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"f1aa80d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" width=\"768\" height=\"512\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2025\/05\/FI3A6746-3_frei-768x512.png\" class=\"attachment-medium_large size-medium_large wp-image-5361\" alt=\"\" decoding=\"async\" srcset=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2025\/05\/FI3A6746-3_frei-768x512.png 768w, https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2025\/05\/FI3A6746-3_frei-300x200.png 300w, https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2025\/05\/FI3A6746-3_frei-1024x683.png 1024w, https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2025\/05\/FI3A6746-3_frei-1536x1024.png 1536w, https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2025\/05\/FI3A6746-3_frei-2048x1366.png 2048w, https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2025\/05\/FI3A6746-3_frei-600x400.png 600w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-29e8b3c\" data-id=\"29e8b3c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c9f032 elementor-widget elementor-widget-heading\" data-id=\"4c9f032\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Book an appointment with our expert Lorenz Minks as soon as possible.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MEDICINAL CANNABIS cultivation facilities (GMP) | CarbonActive Swiss Facility Solutions Cultivation solutions for medicinal cannabis Pharma-grade quality, documented purity, reproducible climate. CarbonActive supplies GMP-compliant indoor facilities with HEPA filter cascade, pressure cascades between cleanroom zones and four-pipe air conditioning technology – for validatable pharmaceutical output. H13 HEPA filter stage in the supply air \u00b10.5 K […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3014,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-20015","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/pages\/20015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/comments?post=20015"}],"version-history":[{"count":8,"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/pages\/20015\/revisions"}],"predecessor-version":[{"id":21174,"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/pages\/20015\/revisions\/21174"}],"up":[{"embeddable":true,"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/pages\/3014"}],"wp:attachment":[{"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/media?parent=20015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}