{"id":20558,"date":"2026-05-05T14:07:59","date_gmt":"2026-05-05T12:07:59","guid":{"rendered":"https:\/\/carbonactive.weiss-webdesign.de\/?page_id=20558"},"modified":"2026-05-11T09:02:30","modified_gmt":"2026-05-11T07:02:30","slug":"igc-bei-southside-organics","status":"publish","type":"page","link":"https:\/\/carbonactive.weiss-webdesign.de\/en\/igc-bei-southside-organics\/","title":{"rendered":"IGC at Southside Organics"},"content":{"rendered":"<style>.elementor-20558 .elementor-element.elementor-element-1de26b0{--display:flex;}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20558\" class=\"elementor elementor-20558 elementor-20557\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1de26b0 e-flex e-con-boxed e-con e-parent\" data-id=\"1de26b0\" 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-c78de6d elementor-widget elementor-widget-html\" data-id=\"c78de6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div>\n\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>CSC Southside Organics - <em>CarbonActive<\/em> Reference<\/title>\n<meta name=\"description\" content=\"One of the first IGC - Indoor Growing Compartments - in Germany. 36 m\u00b2 organic cultivation area, ENERGY RECOVERY instead of active cooling, 15 kg in the first run.\">\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:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400;1,9..40,500;1,9..40,700&amp;family=JetBrains+Mono:wght@400;700&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  :root{\n    \/* Surfaces \u2014 DARK theme *\/\n    --bg: #000000;\n    --bg-soft: #0E1426;\n    --bg-tint: #152040;\n    --bg-deep: #091A55;\n    --bg-deep-2: #050E33;\n    --bg-anthracite: #0A0F1F;\n\n    \/* Ink \u2014 light on dark *\/\n    --ink: #FFFFFF;\n    --ink-soft: #A8B2C5;\n    --ink-muted: #5B6478;\n\n    \/* Rules *\/\n    --rule: #1A2540;\n    --rule-soft: #0E1426;\n\n    \/* CarbonActive blue scale \u2014 anchored on the real brand blue #2D69FF *\/\n    --ca-blue-50:  #1A2547;\n    --ca-blue-100: #1A2A60;\n    --ca-blue-300: #7AA0FF;\n    --ca-blue-400: #4F84FF;\n    --ca-blue-500: #2D69FF;\n    --ca-blue-600: #4F84FF;\n    --ca-blue-700: #1740A8;\n    --ca-blue-900: #0A2370;\n\n    \/* Shadows \u2014 deeper for dark *\/\n    --shadow-sm: 0 1px 3px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04);\n    --shadow-md: 0 4px 24px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05);\n    --shadow-lg: 0 20px 50px rgba(0,0,0,0.6);\n  }\n\n  *{ margin:0; padding:0; box-sizing:border-box; }\n  html{ scroll-behavior:smooth; }\n  body{\n    background: var(--bg);\n    color: var(--ink);\n    font-family: 'Manrope', system-ui, sans-serif;\n    font-weight: 400;\n    line-height: 1.55;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n    overflow-x: hidden;\n  }\n  .container{ max-width: 1180px; margin: 0 auto; padding: 0 28px; }\n\n  \/* TOP STRIPE *\/\n  .stripe{\n    background: var(--bg-deep);\n    color: white;\n    padding: 12px 0;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n  .stripe .container{ display:flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }\n  .stripe .pill{\n    display:inline-flex; align-items:center; gap:8px;\n    background: rgba(255,255,255,0.08);\n    padding: 4px 12px; border-radius: 999px;\n    font-size: 11px;\n  }\n  .stripe .pill .dot{\n    width: 6px; height: 6px; border-radius:50%;\n    background: var(--ca-blue-400);\n    box-shadow: 0 0 0 3px rgba(122,160,255,0.25);\n  }\n\n  \/* HERO *\/\n  .hero{\n    background:\n      radial-gradient(circle at 85% 15%, rgba(45,105,255,0.12) 0%, transparent 55%),\n      radial-gradient(circle at 10% 90%, rgba(45,105,255,0.06) 0%, transparent 50%),\n      var(--bg);\n    padding: 80px 0 60px;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero::before{\n    content:\"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\n    background-size: 48px 48px;\n    background-position: -1px -1px;\n    mask-image: radial-gradient(circle at 50% 30%, black 0%, transparent 70%);\n    -webkit-mask-image: radial-gradient(circle at 50% 30%, black 0%, transparent 70%);\n    opacity: 0.6;\n    pointer-events: none;\n  }\n  .hero .container{ position: relative; z-index: 2; }\n\n  .eyebrow{\n    display:inline-flex; align-items:center; gap: 12px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12px; font-weight: 600;\n    letter-spacing: 0.18em; text-transform: uppercase;\n    color: var(--ca-blue-500);\n    background: var(--ca-blue-100);\n    padding: 8px 16px; border-radius: 999px;\n    margin-bottom: 28px;\n  }\n\n  h1.hero-title{\n    font-family: 'DM Sans', sans-serif;\n    font-size: clamp(40px, 6.5vw, 88px);\n    line-height: 0.95;\n    letter-spacing: -0.025em;\n    text-transform: uppercase;\n    color: var(--ink);\n    max-width: 14ch;\n  }\n  h1.hero-title .accent{ color: var(--ca-blue-500); }\n\n  .hero-title-row{\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 40px;\n    margin-bottom: 24px;\n  }\n  .hero-title-row h1.hero-title{\n    margin-bottom: 0;\n  }\n  .partner-logos{\n    display: flex;\n    gap: 16px;\n    align-items: center;\n    flex-shrink: 0;\n    padding-top: 8px;\n  }\n  .partner-logo{\n    height: 28px;\n    max-width: 160px;\n    width: 160px;\n    object-fit: contain;\n    opacity: 1;\n    transition: opacity .3s ease;\n    background: white;\n    padding: 12px 18px;\n    border-radius: 6px;\n  }\n  .partner-logo:hover{ opacity: 0.85; }\n\n\n  .hero-sub{\n    margin-top: 24px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: clamp(17px, 1.7vw, 21px);\n    line-height: 1.5;\n    color: var(--ink-soft);\n    max-width: 60ch;\n    font-weight: 500;\n  }\n\n  .hero-meta{\n    margin-top: 40px;\n    display: flex; gap: 36px; flex-wrap: wrap;\n  }\n  .hero-meta .item{ display: flex; flex-direction: column; gap: 4px; }\n  .hero-meta .k{\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 11px; text-transform: uppercase;\n    letter-spacing: 0.14em; color: var(--ink-muted);\n  }\n  .hero-meta .v{\n    font-family: 'DM Sans', sans-serif;\n    font-size: 16px; font-weight: 700; color: var(--ink);\n  }\n\n  \/* QUOTE BLOCK *\/\n  .quote-block{\n    margin-top: 80px;\n    background:\n      linear-gradient(135deg, var(--bg-deep) 0%, var(--ca-blue-900) 100%);\n    color: white;\n    padding: 70px 60px;\n    border-radius: 28px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--shadow-lg);\n  }\n  .quote-block::before{\n    content:\"\"; position: absolute; inset: 0;\n    background:\n      radial-gradient(circle at 5% -10%, rgba(45,105,255,0.45) 0%, transparent 50%),\n      radial-gradient(circle at 95% 110%, rgba(122,160,255,0.18) 0%, transparent 50%);\n    pointer-events: none;\n  }\n  .quote-block .big-quote-mark{\n    position: absolute;\n    top: 12px; left: 36px;\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 220px; line-height: 0.7;\n    color: var(--ca-blue-400);\n    opacity: 0.16;\n    pointer-events: none;\n  }\n  .quote-block .qbody{ position: relative; z-index: 2; max-width: 920px; }\n  .quote-block blockquote{\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 600;\n    font-size: clamp(24px, 3.2vw, 42px);\n    line-height: 1.18;\n    letter-spacing: -0.015em;\n    color: white;\n  }\n  .quote-block blockquote .pop{\n    color: var(--ca-blue-300);\n    font-style: italic;\n    font-weight: 700;\n  }\n  .quote-block .qauthor{\n    margin-top: 36px;\n    display: flex; align-items: center; gap: 16px;\n  }\n  .quote-block .qauthor .avatar{\n    width: 52px; height: 52px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--ca-blue-400), var(--ca-blue-700));\n    color: white;\n    display: grid; place-items: center;\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 18px;\n    border: 1px solid rgba(255,255,255,0.15);\n    object-fit: cover;\n  }\n  .quote-block .qauthor .info{ display: flex; flex-direction: column; }\n  .quote-block .qauthor .name{\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 700; font-size: 17px; color: white;\n  }\n  .quote-block .qauthor .role{\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 12px; color: rgba(255,255,255,0.65); letter-spacing: 0.06em;\n  }\n\n  \/* SECTION SHELL *\/\n  section{ padding: 90px 0; }\n  .section-eyebrow{\n    display: inline-flex; align-items: center; gap: 10px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12px; font-weight: 700;\n    letter-spacing: 0.18em; text-transform: uppercase;\n    color: var(--ca-blue-500);\n    margin-bottom: 16px;\n  }\n  .section-eyebrow::before{\n    content:\"\"; width: 24px; height: 2px;\n    background: var(--ca-blue-500); display: inline-block;\n  }\n  h2.section-title{\n    font-family: 'Archivo Black', sans-serif;\n    font-size: clamp(30px, 4vw, 54px);\n    line-height: 1.0;\n    text-transform: uppercase;\n    letter-spacing: -0.02em;\n    color: var(--ink);\n    max-width: 18ch;\n  }\n  h2.section-title em{ font-style: normal; color: var(--ca-blue-500); }\n\n  \/* VIDEO *\/\n  .video-head{ max-width: 760px; margin-bottom: 40px; }\n  .video-lead{\n    margin-top: 18px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--ink-soft);\n    font-weight: 500;\n  }\n  .video-grid{\n    display: grid;\n    grid-template-columns: 1.6fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n  .video-wrap{\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: var(--shadow-lg);\n    position: relative;\n    aspect-ratio: 16 \/ 9;\n    background: #000;\n    border: 1px solid var(--rule);\n    width: 100%;\n    min-width: 0;\n  }\n  .video-wrap iframe{\n    position: absolute; inset: 0;\n    width: 100%; height: 100%;\n    border: 0;\n  }\n  .video-side{\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  .vs-card{\n    flex: 1;\n    background: var(--bg-soft);\n    border: 1px solid var(--rule);\n    border-radius: 14px;\n    padding: 20px 22px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    transition: transform .25s ease, border-color .25s ease;\n  }\n  .vs-card:hover{\n    transform: translateY(-2px);\n    border-color: var(--ca-blue-300);\n  }\n  .vs-card .vs-num{\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 11px;\n    color: var(--ca-blue-300);\n    letter-spacing: 0.16em;\n    font-weight: 600;\n  }\n  .vs-card h4{\n    font-family: 'DM Sans', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--ink);\n    line-height: 1.2;\n  }\n  .vs-card p{\n    font-size: 13.5px;\n    line-height: 1.5;\n    color: var(--ink-soft);\n  }\n\n  \/* STATS *\/\n  .stats-grid{\n    margin-top: 50px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n  .stat-card{\n    padding: 28px;\n    border-radius: 18px;\n    background: var(--bg-soft);\n    border: 1px solid var(--rule);\n    position: relative;\n    overflow: hidden;\n    transition: transform .3s ease, box-shadow .3s ease;\n    hyphens: none;\n    -webkit-hyphens: none;\n  }\n  .stat-card:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); }\n  .stat-card.blue{\n    background: var(--ca-blue-500);\n    color: white;\n    border-color: var(--ca-blue-500);\n  }\n  .stat-card.blue-deep{\n    background: var(--bg-deep);\n    color: white;\n    border-color: var(--bg-deep);\n  }\n  .stat-card.tint{\n    background: #1A2547;\n    border-color: #1A2A60;\n  }\n  .stat-card .icon{\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 14px;\n    color: var(--ca-blue-300);\n    letter-spacing: 0.1em;\n    margin-bottom: 14px;\n    display: inline-block;\n  }\n  .stat-card.blue .icon, .stat-card.blue-deep .icon{ color: var(--ca-blue-300); }\n  .stat-card .num{\n    font-family: 'Archivo Black', sans-serif;\n    font-size: clamp(36px, 4.5vw, 56px);\n    line-height: 0.95;\n    letter-spacing: -0.03em;\n    color: var(--ink);\n  }\n  .stat-card.blue .num, .stat-card.blue-deep .num{ color: white; }\n  .stat-card .num .unit{\n    font-size: 0.45em; color: var(--ink-muted);\n    margin-left: 4px;\n    font-family: 'DM Sans', sans-serif; font-weight: 600;\n  }\n  .stat-card.blue .num .unit, .stat-card.blue-deep .num .unit{ color: rgba(255,255,255,0.65); }\n  .stat-card .num.num--text{\n    font-size: clamp(24px, 2.6vw, 34px);\n    line-height: 1.05;\n  }\n  .stat-card .label{\n    margin-top: 10px;\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 600; font-size: 14px;\n    color: var(--ink-soft); letter-spacing: 0.01em;\n  }\n  .stat-card.blue .label, .stat-card.blue-deep .label{ color: rgba(255,255,255,0.85); }\n\n  \/* DIAGRAM SECTION *\/\n  .diagram-section{ background: #050811; }\n  .diagram-frame{\n    background: #0A1224;\n    border-radius: 24px;\n    padding: 50px;\n    margin-top: 40px;\n    box-shadow: var(--shadow-md);\n    border: 1px solid #1A2540;\n  }\n  .diagram-frame svg{ width: 100%; height: auto; display: block; }\n  .diagram-frame svg.schema-mobile{ display: none; }\n  @media (max-width: 768px){\n    .diagram-frame svg.schema-desktop{ display: none; }\n    .diagram-frame svg.schema-mobile{ display: block; }\n  }\n  .diagram-legend{\n    margin-top: 32px;\n    display: flex; gap: 28px; flex-wrap: wrap;\n    padding-top: 28px;\n    border-top: 1px solid var(--rule);\n  }\n  .legend-item{\n    display: flex; align-items: center; gap: 10px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px; font-weight: 600;\n    color: var(--ink-soft);\n  }\n  .legend-item .swatch{ width: 16px; height: 16px; border-radius: 4px; }\n  .legend-item .line-h{ width: 28px; height: 3px; border-radius: 2px; }\n  .legend-item .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: var(--ca-blue-400);\n  }\n  .legend-item .erg-mark{\n    width: 20px; height: 16px;\n    background: linear-gradient(135deg, #2D69FF 50%, #7AA0FF 50%);\n    border-radius: 3px;\n  }\n\n  \/* ENVELOPE *\/\n  .envelope-grid{\n    margin-top: 40px;\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .envelope-chart{\n    background: #0A1224;\n    border-radius: 20px;\n    padding: 40px;\n    border: 1px solid #1A2540;\n    box-shadow: var(--shadow-sm);\n    width: 100%;\n  }\n  .envelope-chart svg{ width: 100%; height: auto; display: block; }\n  .envelope-side{\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n  }\n  .env-card{\n    background: var(--bg-deep);\n    color: white;\n    padding: 28px;\n    border-radius: 16px;\n    flex: 1;\n    position: relative;\n    overflow: hidden;\n  }\n  .env-card.alt{\n    background: var(--ca-blue-500); color: white;\n    border: none;\n  }\n  .env-card .icon{\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 12px;\n    color: var(--ca-blue-300);\n    letter-spacing: 0.18em;\n    margin-bottom: 16px;\n    text-transform: uppercase;\n  }\n  .env-card.alt .icon{ color: rgba(255,255,255,0.7); }\n  .env-card h4{\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 22px; line-height: 1.05;\n    text-transform: uppercase;\n    letter-spacing: -0.01em;\n    margin-bottom: 10px;\n    color: white;\n  }\n  .env-card p{ font-size: 14px; line-height: 1.55; color: rgba(255,255,255,0.78); }\n  .env-card .range-row{\n    margin-top: 18px;\n    display: flex; gap: 12px;\n    align-items: baseline;\n  }\n  .env-card .range-row .v{\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 32px; line-height: 1; color: white;\n  }\n  .env-card .range-row .lbl{\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 11px; text-transform: uppercase;\n    letter-spacing: 0.12em;\n    color: rgba(255,255,255,0.6);\n  }\n\n  \/* STORY CARDS *\/\n  .story-grid{\n    margin-top: 40px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .story-card{\n    padding: 36px 32px;\n    border-radius: 20px;\n    background: var(--bg-soft);\n    border: 1px solid var(--rule);\n    position: relative;\n    transition: transform .3s ease, box-shadow .3s ease;\n  }\n  .story-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); }\n  .story-card .num{\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 11px; color: var(--ca-blue-300);\n    letter-spacing: 0.16em; margin-bottom: 14px;\n    text-transform: uppercase;\n    font-weight: 600;\n  }\n  .story-card h3{\n    font-family: 'Archivo Black', sans-serif;\n    font-size: 22px; line-height: 1.05;\n    text-transform: uppercase;\n    letter-spacing: -0.015em;\n    color: var(--ink); margin-bottom: 14px;\n  }\n  .story-card p{ font-size: 15px; line-height: 1.6; color: var(--ink-soft); }\n\n  .chips{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }\n  .chip{\n    background: var(--bg-soft);\n    border: 1px solid var(--rule);\n    padding: 8px 14px;\n    border-radius: 999px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px; font-weight: 600;\n    color: var(--ink-soft);\n  }\n\n  \/* GALLERY *\/\n  .gallery-section{ background: var(--bg-soft); }\n  .gallery-strip{\n    margin-top: 40px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: 460px;\n    gap: 16px;\n  }\n  .g-item{\n    border-radius: 14px;\n    overflow: hidden;\n    background: var(--bg-soft);\n    position: relative;\n    box-shadow: var(--shadow-sm);\n  }\n  .g-item img{\n    width: 100%; height: 100%; object-fit: cover;\n    display: block;\n    transition: transform .5s ease;\n  }\n  .g-item:hover img{ transform: scale(1.04); }\n  .g-item .tag{\n    position: absolute;\n    top: 14px; left: 14px;\n    background: rgba(10,26,51,0.88);\n    backdrop-filter: blur(6px);\n    color: white;\n    padding: 5px 11px;\n    border-radius: 999px;\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 10px;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  \/* CTA *\/\n  .cta{\n    background:\n      radial-gradient(circle at 80% 20%, rgba(45,105,255,0.30) 0%, transparent 50%),\n      radial-gradient(circle at 20% 80%, rgba(23,64,168,0.40) 0%, transparent 50%),\n      var(--bg-deep);\n    color: white;\n    padding: 80px 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .cta::before{\n    content:\"\"; position: absolute; inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\n    background-size: 48px 48px;\n    pointer-events: none;\n  }\n  .cta .container{ position: relative; z-index: 2; }\n  .cta h2{\n    font-family: 'Archivo Black', sans-serif;\n    font-size: clamp(32px, 4.5vw, 60px);\n    line-height: 1.0;\n    text-transform: uppercase;\n    letter-spacing: -0.025em;\n    color: white;\n    max-width: 18ch;\n    margin: 0 auto 18px;\n  }\n  .cta h2 em{ font-style: normal; color: var(--ca-blue-300); }\n  .cta p{\n    font-size: 17px; line-height: 1.55;\n    color: rgba(255,255,255,0.8);\n    max-width: 56ch; margin: 0 auto 32px;\n  }\n  .btn-row{ display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n  .btn{\n    display: inline-flex; align-items: center; gap: 8px;\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 700; font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    padding: 16px 28px;\n    border-radius: 999px;\n    text-decoration: none;\n    transition: transform .2s ease, box-shadow .2s ease;\n  }\n  .btn-primary{ background: var(--ca-blue-500) !important; color: white !important; }\n  .btn-primary:hover{\n    background: white !important;\n    color: #050D33 !important;\n    transform: translateY(-2px);\n    box-shadow: 0 12px 30px rgba(45,105,255,0.45);\n  }\n  .btn-ghost{\n    background: rgba(255,255,255,0.08) !important;\n    color: white !important;\n    border: 1px solid rgba(255,255,255,0.2) !important;\n  }\n  .btn-ghost:hover{\n    background: rgba(255,255,255,0.15) !important;\n    transform: translateY(-2px);\n  }\n\n  \/* FOOTER *\/\n  .footer-mini{\n    background: var(--bg-deep-2);\n    color: rgba(255,255,255,0.6);\n    padding: 24px 0;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 12px; letter-spacing: 0.06em;\n  }\n  .footer-mini .container{\n    display: flex; justify-content: space-between; align-items: center;\n    flex-wrap: wrap; gap: 16px;\n  }\n  .footer-mini .brand{\n    color: white;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 1024px){\n    .stats-grid{ grid-template-columns: repeat(2, 1fr); }\n    .story-grid{ grid-template-columns: 1fr; }\n    .video-grid{ grid-template-columns: 1fr; }\n    .video-side{ flex-direction: row; }\n    .vs-card{ flex: 1; }\n    .gallery-strip{\n      grid-template-columns: 1fr;\n      grid-template-rows: 360px 360px;\n    }\n    .quote-block{ padding: 50px 36px; }\n    .diagram-frame{ padding: 32px; }\n    section{ padding: 70px 0; }\n  }\n  @media (max-width: 640px){\n    .container{ padding: 0 20px; }\n    .hero{ padding: 60px 0 40px; }\n    .hero-title-row{\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 20px;\n    }\n    .partner-logos{\n      padding-top: 0;\n    }\n    .hero-meta{ gap: 24px; }\n    .stats-grid{ grid-template-columns: 1fr; }\n    .envelope-side{ grid-template-columns: 1fr; }\n    .video-side{ flex-direction: column; }\n    .gallery-strip{\n      grid-template-columns: 1fr;\n      grid-template-rows: 280px 280px;\n    }\n    .quote-block{ padding: 36px 24px; margin-top: 60px; }\n    .quote-block .big-quote-mark{ font-size: 140px; top: 8px; left: 16px; }\n    .diagram-frame{ padding: 20px; }\n    section{ padding: 60px 0; }\n    .stripe{ font-size: 10px; }\n  }\n\n\n  \/* SCHEMA DIAGRAM ANIMATIONS *\/\n  @keyframes flow-dash {\n    to { stroke-dashoffset: -20; }\n  }\n  @keyframes pulse-sensor {\n    0%, 100% {\n      opacity: 1;\n      r: 4;\n    }\n    50% {\n      opacity: 0.4;\n      r: 6;\n    }\n  }\n  @keyframes pulse-led {\n    0%, 100% { opacity: 0.6; }\n    50% { opacity: 1; }\n  }\n  @keyframes drip-pulse {\n    0%, 100% { opacity: 0.35; }\n    50% { opacity: 1; }\n  }\n\n  \/* Apply animations *\/\n  .schema-rueckluft {\n    stroke-dasharray: 6 4;\n    animation: flow-dash 1.2s linear infinite;\n  }\n  .schema-sensor {\n    animation: pulse-sensor 2s ease-in-out infinite;\n  }\n  .schema-sensor-2 {\n    animation: pulse-sensor 2s ease-in-out infinite;\n    animation-delay: 0.7s;\n  }\n  .schema-sensor-3 {\n    animation: pulse-sensor 2s ease-in-out infinite;\n    animation-delay: 1.4s;\n  }\n  .schema-led {\n    animation: pulse-led 3s ease-in-out infinite;\n  }\n  .schema-drip {\n    animation: drip-pulse 2s ease-in-out infinite;\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .schema-rueckluft, .schema-sensor, .schema-sensor-2, .schema-sensor-3,\n    .schema-led, .schema-drip {\n      animation: none !important;\n    }\n    *{ transition: none !important; animation: none !important; }\n  }\n<\/style>\n\n\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"container\">\n    <div class=\"eyebrow\">Customer testimonial - CSC Southside Organics<\/div>\n    <div class=\"hero-title-row\">\n      <h1 class=\"hero-title\">\n  From <span class=\"accent\">day<\/span> one <span class=\"accent\">.<\/span>\n      <\/h1>\n      <div class=\"partner-logos\">\n        <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/04\/Bildschirmfoto-2026-04-30-um-11.47.06.png\" alt=\"CSC Southside Organics Logo\" class=\"partner-logo\">\n      <\/div>\n    <\/div>\n    <p class=\"hero-sub\">\n  One of the first IGC - Indoor Growing Compartments - in Germany: 36 m\u00b2 organic cultivation area, ENERGY RECOVERY instead of active cooling, stable climate even in midsummer - and 15 kg of dried flowers in the very first run.\n    <\/p>\n\n    <div class=\"hero-meta\">\n      <div class=\"item\"><span class=\"k\">Project<\/span><span class=\"v\">CSC Southside Organics<\/span><\/div>\n      <div class=\"item\"><span class=\"k\">Location<\/span><span class=\"v\">South Germany - \ud83c\udde9\ud83c\uddea<\/span><\/div>\n      <div class=\"item\"><span class=\"k\">System<\/span><span class=\"v\">IGC with Energy Recovery Group<\/span><\/div>\n      <div class=\"item\"><span class=\"k\">CULTIVATION AREA<\/span><span class=\"v\">36 m\u00b2<\/span><\/div>\n    <\/div>\n\n    <!-- BIG QUOTE -->\n    <div class=\"quote-block\">\n      <div class=\"big-quote-mark\">\"<\/div>\n      <div class=\"qbody\">\n        <blockquote>\n  What convinced us: The system works - <span class=\"pop\">from day one<\/span>.\n        <\/blockquote>\n        <div class=\"qauthor\">\n          <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/04\/team-alex-3.avif\" alt=\"Alex, Headgrower CSC Southside Organics\" class=\"avatar\">\n          <div class=\"info\">\n            <span class=\"name\">Alex<\/span>\n            <span class=\"role\">Headgrower - CSC Southside Organics - Germany<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- VIDEO 1 \u2014 System & Aufbau -->\n<section class=\"video-section\" style=\"padding-top: 0;\">\n  <div class=\"container\">\n    <div class=\"video-head\">\n      <div>\n        <div class=\"section-eyebrow\">In the IGC at Southside<\/div>\n        <h2 class=\"section-title\">A look <em>inside.<\/em><\/h2>\n        <p class=\"video-lead\">\n  From set-up in a week to the first harvest: Headgrower Alex shows the IGC at CSC Southside Organics - climate chamber, Energy Recovery Group system, Netbow irrigation and even climate distribution throughout the room.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"video-grid\">\n      <div class=\"video-wrap\">\n        <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/M_6fMxoNvP0?rel=0&amp;modestbranding=1&amp;start=157\" title=\"CSC Southside Organics - IGC with Energy Recovery Group system | CarbonActive\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n      <\/div>\n\n      <aside class=\"video-side\">\n        <div class=\"vs-card\">\n          <div class=\"vs-num\">01<\/div>\n          <h4>Assembly in one week<\/h4>\n          <p>From delivery to the finished climate chamber - a fully functioning IGC was completed in just seven days, precisely tailored to the requirements of the association.<\/p>\n        <\/div>\n        <div class=\"vs-card\">\n          <div class=\"vs-num\">02<\/div>\n          <h4>Energy Recovery Group instead of climate control system<\/h4>\n          <p>Energy recovery does what an energy-intensive cooling and dehumidification system would otherwise have to do - passively, quietly and highly efficiently.<\/p>\n        <\/div>\n        <div class=\"vs-card\">\n          <div class=\"vs-num\">03<\/div>\n          <h4>15 kg in the first run<\/h4>\n          <p>First harvest after less than three months - organic cultivation, no pests, no diseases. The system is stable from day one. <\/p>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- STATS -->\n<section>\n  <div class=\"container\">\n    <div class=\"section-eyebrow\">Facts, figures and data<\/div>\n    <h2 class=\"section-title\">The project <em>at a glance.<\/em><\/h2>\n\n    <div class=\"stats-grid\">\n      <div class=\"stat-card blue\">\n        <span class=\"icon\">01 \/ CULTIVATION AREA<\/span>\n        <div class=\"num\"><span class=\"unit\">36m\u00b2<\/span><\/div>\n        <div class=\"label\">Net cultivation area in the IGC - 100 % organic<\/div>\n      <\/div>\n      <div class=\"stat-card\">\n        <span class=\"icon\">02 \/ First harvest<\/span>\n        <div class=\"num\"><span class=\"unit\">15kg<\/span><\/div>\n        <div class=\"label\">Dried flowers in the very first pass<\/div>\n      <\/div>\n      <div class=\"stat-card tint\">\n        <span class=\"icon\">03 \/ Time-to-Harvest<\/span>\n        <div class=\"num\">&lt; <span class=\"unit\">3months<\/span><\/div>\n        <div class=\"label\">From set-up to the first harvest - without typical start-up problems<\/div>\n      <\/div>\n      <div class=\"stat-card blue-deep\">\n        <span class=\"icon\">04 \/ Air conditioning system<\/span>\n        <div class=\"num num--text\">Energy Recovery Group passive<\/div>\n        <div class=\"label\">No active cooling, no dehumidification - energy recovery takes over<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- INFOGRAPHIC: ERG SYSTEM -->\n<section class=\"diagram-section\">\n  <div class=\"container\">\n    <div class=\"section-eyebrow\">Scheme<\/div>\n    <h2 class=\"section-title\">This is how <em>the Energy Recovery Group system<\/em> works <em>.<\/em><\/h2>\n    <p style=\"margin-top: 14px; font-size: 17px; color: var(--ink-soft); max-width: 64ch;\">\n  Fresh air flows into the IGC room through the energy recovery system. The warm, humid return air releases its heat and humidity to the incoming outside air in the same module. Result: stable microclimate without compressors - even at 35 \u00b0C outside. \n    <\/p>\n\n    <div class=\"diagram-frame\">\n      <svg class=\"schema-desktop\" viewbox=\"-80 0 1160 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"ERG-Schema des CSC Southside Organics IGC\">\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\"\/>\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\"\/>\n          <\/marker>\n          <marker id=\"arrow-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=\"#FF5C5C\"\/>\n          <\/marker>\n          <marker id=\"arrow-red-sm\" viewbox=\"0 0 10 10\" refx=\"9\" refy=\"5\" markerwidth=\"5\" markerheight=\"5\" orient=\"auto-start-reverse\">\n            <path d=\"M0,0 L10,5 L0,10 z\" fill=\"#FF5C5C\"\/>\n          <\/marker>\n          <marker id=\"arrow-orange\" 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=\"#FFB347\"\/>\n          <\/marker>\n          <lineargradient id=\"room-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stop-color=\"#0E1426\"\/>\n            <stop offset=\"100%\" stop-color=\"#152040\"\/>\n          <\/lineargradient>\n          <lineargradient id=\"erg-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n            <stop offset=\"0%\" stop-color=\"#091A55\"\/>\n            <stop offset=\"100%\" stop-color=\"#1740A8\"\/>\n          <\/lineargradient>\n          <lineargradient id=\"hose-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stop-color=\"#FF8A8A\"\/>\n            <stop offset=\"50%\" stop-color=\"#FF5C5C\"\/>\n            <stop offset=\"100%\" stop-color=\"#C73838\"\/>\n          <\/lineargradient>\n          <radialgradient id=\"heat-glow\">\n            <stop offset=\"0%\" stop-color=\"#FFD43B\" stop-opacity=\"0.95\"\/>\n            <stop offset=\"40%\" stop-color=\"#FFB347\" stop-opacity=\"0.6\"\/>\n            <stop offset=\"100%\" stop-color=\"#FF5C5C\" stop-opacity=\"0\"\/>\n          <\/radialgradient>\n          <pattern id=\"dots\" x=\"0\" y=\"0\" width=\"14\" height=\"14\" patternunits=\"userSpaceOnUse\">\n            <circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"#1A2540\"\/>\n          <\/pattern>\n          <!-- Gradient Stream A: Au\u00dfenluft BLUE(80,185) \u2192 Zuluft RED(320,285) -->\n          <lineargradient id=\"cross-a-grad\" x1=\"80\" y1=\"185\" x2=\"320\" y2=\"285\" gradientunits=\"userSpaceOnUse\">\n            <stop offset=\"0%\" stop-color=\"#7AA0FF\"\/>\n            <stop offset=\"35%\" stop-color=\"#90AAFF\"\/>\n            <stop offset=\"48%\" stop-color=\"#D4A0E8\"\/>\n            <stop offset=\"62%\" stop-color=\"#FF8888\"\/>\n            <stop offset=\"100%\" stop-color=\"#FF5C5C\"\/>\n          <\/lineargradient>\n          <!-- Gradient Stream B: R\u00fcckluft RED(320,185) \u2192 Fortluft BLUE(80,285) -->\n          <lineargradient id=\"cross-b-grad\" x1=\"320\" y1=\"185\" x2=\"80\" y2=\"285\" gradientunits=\"userSpaceOnUse\">\n            <stop offset=\"0%\" stop-color=\"#FF5C5C\"\/>\n            <stop offset=\"38%\" stop-color=\"#FF8888\"\/>\n            <stop offset=\"52%\" stop-color=\"#D4A0E8\"\/>\n            <stop offset=\"65%\" stop-color=\"#90AAFF\"\/>\n            <stop offset=\"100%\" stop-color=\"#7AA0FF\"\/>\n          <\/lineargradient>\n          <!-- Heat-zone glow in the parallel middle section -->\n          <lineargradient id=\"heat-zone-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n            <stop offset=\"0%\" stop-color=\"#FFB347\" stop-opacity=\"0\"\/>\n            <stop offset=\"25%\" stop-color=\"#FFD43B\" stop-opacity=\"0.35\"\/>\n            <stop offset=\"50%\" stop-color=\"#FFD43B\" stop-opacity=\"0.55\"\/>\n            <stop offset=\"75%\" stop-color=\"#FFD43B\" stop-opacity=\"0.35\"\/>\n            <stop offset=\"100%\" stop-color=\"#FFB347\" stop-opacity=\"0\"\/>\n          <\/lineargradient>\n          <!-- Center heat-exchange radial glow -->\n          <radialgradient id=\"heat-center\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n            <stop offset=\"0%\" stop-color=\"#FFD43B\" stop-opacity=\"0.9\"\/>\n            <stop offset=\"40%\" stop-color=\"#FFB347\" stop-opacity=\"0.5\"\/>\n            <stop offset=\"100%\" stop-color=\"#FF5C5C\" stop-opacity=\"0\"\/>\n          <\/radialgradient>\n        <\/defs>\n\n        <rect x=\"-80\" y=\"0\" width=\"1160\" height=\"500\" fill=\"url(#dots)\"\/>\n\n        <!-- ===== AUSSENLUFT (Top-Left, BLUE \/ cold, into ERG top-left corner) ===== -->\n        <text x=\"-30\" y=\"155\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">AUSSENLUFT<\/text>\n        <text x=\"-30\" y=\"170\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#8893A6\" letter-spacing=\"1\">kalt \u00b7 Frischluft<\/text>\n        <path d=\"M -55 185 L 80 185\" stroke=\"#7AA0FF\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arrow-blue-light)\"\/>\n\n        <!-- ===== FORTLUFT (Bottom-Left, BLUE \/ cold, exiting ERG bottom-left corner) ===== -->\n        <text x=\"-30\" y=\"305\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">FORTLUFT<\/text>\n        <text x=\"-30\" y=\"320\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#8893A6\" letter-spacing=\"1\">kalt \u00b7 abgek\u00fchlt<\/text>\n        <path d=\"M 80 285 L -55 285\" stroke=\"#7AA0FF\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arrow-blue-light)\"\/>\n\n        <!-- ===== ERG BLOCK: symmetric S-curve streams with heat-exchange parallel zone ===== -->\n        <g>\n          <rect x=\"80\" y=\"140\" width=\"240\" height=\"190\" rx=\"14\" fill=\"url(#erg-grad)\" stroke=\"#2D69FF\" stroke-width=\"2\"\/>\n          <text x=\"200\" y=\"163\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"14\" fill=\"#FFFFFF\" letter-spacing=\"2.5\">ERG \u00b7 KREUZW\u00c4RMETAUSCHER<\/text>\n          <text x=\"200\" y=\"177\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"10\" fill=\"#7AA0FF\">Energier\u00fcckgewinnung<\/text>\n\n          <!-- Heat exchange zone glow (covers parallel section) -->\n          <rect x=\"160\" y=\"223\" width=\"80\" height=\"34\" rx=\"8\" fill=\"url(#heat-zone-grad)\" opacity=\"0.75\">\n            <animate attributename=\"opacity\" values=\"0.45;0.9;0.45\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n          <\/rect>\n\n          <!-- STREAM B (behind): R\u00fcckluft RED \u2192 Fortluft BLUE\n               M(320,185) C1(270,185) C2(250,250) \u2192 L(165,250) C(150,250)(130,285) \u2192 (80,285)\n               Mirror of Stream A: every x-coord satisfies xA + xB = 400 -->\n          <path d=\"M 320 185 C 270 185, 250 250, 235 250 L 165 250 C 150 250, 130 285, 80 285\" stroke=\"url(#cross-b-grad)\" stroke-width=\"6.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"8 5\" opacity=\"0.95\"\/>\n\n          <!-- STREAM A (front): Au\u00dfenluft BLUE \u2192 Zuluft RED\n               M(80,185) C1(130,185) C2(150,230) \u2192 L(235,230) C(250,230)(270,285) \u2192 (320,285) -->\n          <path d=\"M 80 185 C 130 185, 150 230, 165 230 L 235 230 C 250 230, 270 285, 320 285\" stroke=\"url(#cross-a-grad)\" stroke-width=\"6.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.95\"\/>\n\n          <!-- Center medallion exactly between the two parallel tracks (y=240) -->\n          <circle cx=\"200\" cy=\"240\" r=\"18\" fill=\"#0A1224\" stroke=\"#FFB347\" stroke-width=\"2\">\n            <animate attributename=\"r\" values=\"17;19;17\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n          <\/circle>\n          <text x=\"200\" y=\"247\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"18\" font-weight=\"700\" fill=\"#FFD43B\">\u21c4<\/text>\n\n          <!-- Heat-transfer tick marks in the parallel zone (y=234 to y=246, symmetric) -->\n          <g stroke=\"#FFD43B\" stroke-width=\"1.2\" opacity=\"0.6\">\n            <line x1=\"172\" y1=\"234\" x2=\"172\" y2=\"246\"\/>\n            <line x1=\"184\" y1=\"234\" x2=\"184\" y2=\"246\"\/>\n            <line x1=\"216\" y1=\"234\" x2=\"216\" y2=\"246\"\/>\n            <line x1=\"228\" y1=\"234\" x2=\"228\" y2=\"246\"\/>\n          <\/g>\n\n          <!-- Bottom text -->\n          <line x1=\"115\" y1=\"305\" x2=\"285\" y2=\"305\" stroke=\"#2D69FF\" stroke-width=\"0.8\" opacity=\"0.4\"\/>\n          <text x=\"200\" y=\"318\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#A8B2C5\" letter-spacing=\"1\">PASSIVE ENTFEUCHTUNG<\/text>\n          <text x=\"200\" y=\"330\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8.5\" fill=\"#A8B2C5\" letter-spacing=\"1\">OHNE KLIMA-ANLAGE<\/text>\n        <\/g>\n\n        <!-- ===== IGC TITLE (now ABOVE the box) ===== -->\n        <text x=\"702\" y=\"60\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"16\" fill=\"#2D69FF\" letter-spacing=\"2.5\">IGC ANBAURAUM \u00b7 36 M\u00b2<\/text>\n        <line x1=\"540\" y1=\"68\" x2=\"864\" y2=\"68\" stroke=\"#2D69FF\" stroke-width=\"0.5\" opacity=\"0.4\"\/>\n\n        <!-- ===== R\u00dcCKLUFT (IGC top-left \u2192 ERG top-right, RED \/ warm) ===== -->\n        <path class=\"schema-rueckluft\" d=\"M 405 185 L 320 185\" stroke=\"#FF5C5C\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arrow-red)\" stroke-dasharray=\"7 4\"\/>\n        <text x=\"362\" y=\"175\" text-anchor=\"middle\" font-family=\"Archivo, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#FF5C5C\">R\u00dcCKLUFT<\/text>\n        <text x=\"362\" y=\"200\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#FF5C5C\" opacity=\"0.7\">warm \u00b7 feucht<\/text>\n\n        <!-- ===== ZULUFT-SCHLAUCH (ERG bottom-right \u2192 up and over the lamps) ===== -->\n        <!-- Outer hose (lighter, broader) -->\n        <path d=\"M 320 285 L 365 285 Q 382 285 382 268 L 382 105 Q 382 92 395 92 L 940 92\" stroke=\"#FF5C5C\" stroke-width=\"11\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.25\"\/>\n        <!-- Inner hose (main visible) -->\n        <path d=\"M 320 285 L 365 285 Q 382 285 382 268 L 382 105 Q 382 92 395 92 L 940 92\" stroke=\"url(#hose-grad)\" stroke-width=\"6.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <!-- Hose ribbing detail (small ticks) -->\n        <g opacity=\"0.35\" stroke=\"#7C1F1F\" stroke-width=\"0.8\">\n          <line x1=\"450\" y1=\"89\" x2=\"450\" y2=\"95\"\/>\n          <line x1=\"510\" y1=\"89\" x2=\"510\" y2=\"95\"\/>\n          <line x1=\"570\" y1=\"89\" x2=\"570\" y2=\"95\"\/>\n          <line x1=\"630\" y1=\"89\" x2=\"630\" y2=\"95\"\/>\n          <line x1=\"710\" y1=\"89\" x2=\"710\" y2=\"95\"\/>\n          <line x1=\"770\" y1=\"89\" x2=\"770\" y2=\"95\"\/>\n          <line x1=\"830\" y1=\"89\" x2=\"830\" y2=\"95\"\/>\n          <line x1=\"890\" y1=\"89\" x2=\"890\" y2=\"95\"\/>\n        <\/g>\n        <!-- End-cap of hose -->\n        <circle cx=\"940\" cy=\"92\" r=\"5\" fill=\"#C73838\" opacity=\"0.9\"\/>\n        <!-- Hose label (inside box) -->\n        <text x=\"500\" y=\"103\" text-anchor=\"start\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#FF5C5C\" letter-spacing=\"1\">ZULUFT-SCHLAUCH \u00b7 \u00fcber Lampen<\/text>\n        <text x=\"420\" y=\"103\" text-anchor=\"start\" font-family=\"Archivo, sans-serif\" font-size=\"10\" font-weight=\"700\" fill=\"#FF5C5C\">ZULUFT<\/text>\n\n        <!-- ===== Air drops from hose down into the room (above lamps) ===== -->\n        <g>\n          <line x1=\"475\" y1=\"98\" x2=\"475\" y2=\"132\" stroke=\"#FF5C5C\" stroke-width=\"1.8\" opacity=\"0.85\"\/>\n          <path d=\"M 471 130 L 475 137 L 479 130 Z\" fill=\"#FF5C5C\" opacity=\"0.85\"\/>\n\n          <line x1=\"555\" y1=\"98\" x2=\"555\" y2=\"132\" stroke=\"#FF5C5C\" stroke-width=\"1.8\" opacity=\"0.85\"\/>\n          <path d=\"M 551 130 L 555 137 L 559 130 Z\" fill=\"#FF5C5C\" opacity=\"0.85\"\/>\n\n          <line x1=\"635\" y1=\"98\" x2=\"635\" y2=\"132\" stroke=\"#FF5C5C\" stroke-width=\"1.8\" opacity=\"0.85\"\/>\n          <path d=\"M 631 130 L 635 137 L 639 130 Z\" fill=\"#FF5C5C\" opacity=\"0.85\"\/>\n\n          <line x1=\"715\" y1=\"98\" x2=\"715\" y2=\"132\" stroke=\"#FF5C5C\" stroke-width=\"1.8\" opacity=\"0.85\"\/>\n          <path d=\"M 711 130 L 715 137 L 719 130 Z\" fill=\"#FF5C5C\" opacity=\"0.85\"\/>\n\n          <line x1=\"795\" y1=\"98\" x2=\"795\" y2=\"132\" stroke=\"#FF5C5C\" stroke-width=\"1.8\" opacity=\"0.85\"\/>\n          <path d=\"M 791 130 L 795 137 L 799 130 Z\" fill=\"#FF5C5C\" opacity=\"0.85\"\/>\n\n          <line x1=\"875\" y1=\"98\" x2=\"875\" y2=\"132\" stroke=\"#FF5C5C\" stroke-width=\"1.8\" opacity=\"0.85\"\/>\n          <path d=\"M 871 130 L 875 137 L 879 130 Z\" fill=\"#FF5C5C\" opacity=\"0.85\"\/>\n        <\/g>\n\n        <!-- ===== IGC ROOM ===== -->\n        <g>\n          <rect x=\"405\" y=\"80\" width=\"595\" height=\"320\" rx=\"14\" fill=\"url(#room-grad)\" stroke=\"#2D69FF\" stroke-width=\"2\"\/>\n\n          <!-- Height-adjustable LED bar (YELLOW dots) -->\n          <g>\n            <rect x=\"450\" y=\"155\" width=\"500\" height=\"10\" rx=\"5\" fill=\"#2D69FF\"\/>\n            <circle class=\"schema-led\" cx=\"475\" cy=\"160\" r=\"2.5\" fill=\"#FFD43B\"\/>\n            <circle class=\"schema-led\" cx=\"540\" cy=\"160\" r=\"2.5\" fill=\"#FFD43B\"\/>\n            <circle class=\"schema-led\" cx=\"605\" cy=\"160\" r=\"2.5\" fill=\"#FFD43B\"\/>\n            <circle class=\"schema-led\" cx=\"670\" cy=\"160\" r=\"2.5\" fill=\"#FFD43B\"\/>\n            <circle class=\"schema-led\" cx=\"735\" cy=\"160\" r=\"2.5\" fill=\"#FFD43B\"\/>\n            <circle class=\"schema-led\" cx=\"800\" cy=\"160\" r=\"2.5\" fill=\"#FFD43B\"\/>\n            <circle class=\"schema-led\" cx=\"865\" cy=\"160\" r=\"2.5\" fill=\"#FFD43B\"\/>\n            <circle class=\"schema-led\" cx=\"930\" cy=\"160\" r=\"2.5\" fill=\"#FFD43B\"\/>\n\n            <!-- Up\/down adjustment indicator -->\n            <g transform=\"translate(960,160)\">\n              <path d=\"M 0 -10 L -5 -3 L 5 -3 Z\" fill=\"#FFB347\"\/>\n              <line x1=\"0\" y1=\"-3\" x2=\"0\" y2=\"9\" stroke=\"#FFB347\" stroke-width=\"1.5\" stroke-dasharray=\"2 2\"\/>\n              <path d=\"M 0 16 L -5 9 L 5 9 Z\" fill=\"#FFB347\"\/>\n            <\/g>\n            <text x=\"985\" y=\"163\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#FFB347\" letter-spacing=\"0.5\">h\u00f6hen-<\/text>\n            <text x=\"985\" y=\"173\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#FFB347\" letter-spacing=\"0.5\">verstellb.<\/text>\n          <\/g>\n\n          <!-- Plants -->\n          <g transform=\"translate(500,265)\">\n            <path d=\"M0 35 Q -18 0 0 -25 Q 18 0 0 35 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/>\n            <line x1=\"0\" y1=\"-25\" x2=\"0\" y2=\"55\" stroke=\"#1740A8\" stroke-width=\"2\"\/>\n          <\/g>\n          <g transform=\"translate(600,265)\">\n            <path d=\"M0 35 Q -18 0 0 -25 Q 18 0 0 35 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/>\n            <line x1=\"0\" y1=\"-25\" x2=\"0\" y2=\"55\" stroke=\"#1740A8\" stroke-width=\"2\"\/>\n          <\/g>\n          <g transform=\"translate(700,265)\">\n            <path d=\"M0 35 Q -18 0 0 -25 Q 18 0 0 35 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/>\n            <line x1=\"0\" y1=\"-25\" x2=\"0\" y2=\"55\" stroke=\"#1740A8\" stroke-width=\"2\"\/>\n          <\/g>\n          <g transform=\"translate(800,265)\">\n            <path d=\"M0 35 Q -18 0 0 -25 Q 18 0 0 35 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/>\n            <line x1=\"0\" y1=\"-25\" x2=\"0\" y2=\"55\" stroke=\"#1740A8\" stroke-width=\"2\"\/>\n          <\/g>\n          <g transform=\"translate(900,265)\">\n            <path d=\"M0 35 Q -18 0 0 -25 Q 18 0 0 35 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/>\n            <line x1=\"0\" y1=\"-25\" x2=\"0\" y2=\"55\" stroke=\"#1740A8\" stroke-width=\"2\"\/>\n          <\/g>\n\n          <!-- Netbow drip line UNDER plant stems (at the base) -->\n          <g>\n            <line x1=\"475\" y1=\"325\" x2=\"925\" y2=\"325\" stroke=\"#7AA0FF\" stroke-width=\"2.5\" opacity=\"0.75\"\/>\n            <circle cx=\"500\" cy=\"325\" r=\"3\" fill=\"#7AA0FF\"\/>\n            <circle cx=\"600\" cy=\"325\" r=\"3\" fill=\"#7AA0FF\"\/>\n            <circle cx=\"700\" cy=\"325\" r=\"3\" fill=\"#7AA0FF\"\/>\n            <circle cx=\"800\" cy=\"325\" r=\"3\" fill=\"#7AA0FF\"\/>\n            <circle cx=\"900\" cy=\"325\" r=\"3\" fill=\"#7AA0FF\"\/>\n            <circle class=\"schema-drip\" cx=\"500\" cy=\"325\" r=\"5\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\"\/>\n            <circle class=\"schema-drip\" cx=\"700\" cy=\"325\" r=\"5\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\" style=\"animation-delay: 0.6s\"\/>\n            <circle class=\"schema-drip\" cx=\"900\" cy=\"325\" r=\"5\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\" style=\"animation-delay: 1.2s\"\/>\n            <text x=\"702\" y=\"343\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">NETBOW \u00b7 TROPFBEW\u00c4SSERUNG<\/text>\n          <\/g>\n\n          <!-- Side ventilation indicators (LEFT & RIGHT walls) \u2014 ohne Subtitles -->\n          <g>\n            <!-- Left side vent -->\n            <path d=\"M 415 232 L 445 232\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue)\" opacity=\"0.7\"\/>\n            <path d=\"M 415 252 L 445 252\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue)\" opacity=\"0.7\"\/>\n            <path d=\"M 415 272 L 445 272\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue)\" opacity=\"0.7\"\/>\n            <text x=\"430\" y=\"218\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#7AA0FF\" letter-spacing=\"0.5\">SEITENL\u00dcFTUNG<\/text>\n\n            <!-- Right side vent -->\n            <path d=\"M 990 232 L 960 232\" stroke=\"#7AA0FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue-light)\" opacity=\"0.7\"\/>\n            <path d=\"M 990 252 L 960 252\" stroke=\"#7AA0FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue-light)\" opacity=\"0.7\"\/>\n            <path d=\"M 990 272 L 960 272\" stroke=\"#7AA0FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue-light)\" opacity=\"0.7\"\/>\n            <text x=\"975\" y=\"218\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#7AA0FF\" letter-spacing=\"0.5\">SEITENL\u00dcFTUNG<\/text>\n          <\/g>\n\n          <!-- Bottom info -->\n          <line x1=\"450\" y1=\"362\" x2=\"950\" y2=\"362\" stroke=\"#2D69FF\" stroke-width=\"0.5\" opacity=\"0.4\"\/>\n          <text x=\"702\" y=\"377\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#8893A6\" letter-spacing=\"1.5\">BIOLOGISCH \u00b7 STABILES MIKROKLIMA \u00b7 KEINE SCH\u00c4DLINGE<\/text>\n          <text x=\"702\" y=\"393\" text-anchor=\"middle\" font-family=\"Archivo, sans-serif\" font-weight=\"700\" font-size=\"13\" fill=\"#FFFFFF\">25 \u00b0C \u00b7 65 %rH \u00b7 gleichm\u00e4\u00dfige Verteilung<\/text>\n        <\/g>\n\n        <!-- ===== STEUERUNG ===== -->\n        <g>\n          <rect x=\"130\" y=\"415\" width=\"140\" height=\"60\" rx=\"10\" fill=\"#0E1426\" stroke=\"#2D69FF\" stroke-width=\"2\"\/>\n          <rect x=\"145\" y=\"428\" width=\"110\" height=\"34\" rx=\"4\" fill=\"#2D69FF\"\/>\n          <text x=\"200\" y=\"445\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"white\">CARBON<tspan font-style=\"italic\">ACTIVE<\/tspan><\/text>\n          <text x=\"200\" y=\"458\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#7AA0FF\" font-weight=\"600\">\u25cfSTEUERUNG<\/text>\n        <\/g>\n\n        <!-- Control lines (ERG sensor + IGC sensor) -->\n        <path d=\"M 200 415 L 200 330\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" stroke-dasharray=\"3 3\"\/>\n        <path d=\"M 270 445 L 600 445 L 600 400\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" stroke-dasharray=\"3 3\"\/>\n\n        <circle class=\"schema-sensor\" cx=\"200\" cy=\"330\" r=\"4\" fill=\"#2D69FF\"\/>\n        <circle class=\"schema-sensor-2\" cx=\"600\" cy=\"400\" r=\"4\" fill=\"#2D69FF\"\/>\n\n        <!-- ===== Animated airflow particles ===== -->\n        <!-- Au\u00dfenluft \u2192 ERG entry (BLUE) -->\n        <circle r=\"3.5\" fill=\"#7AA0FF\" opacity=\"0.9\">\n          <animatemotion dur=\"2.5s\" repeatcount=\"indefinite\" path=\"M -55 185 L 80 185\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"2.5s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <circle r=\"3\" fill=\"#7AA0FF\" opacity=\"0.7\">\n          <animatemotion dur=\"2.5s\" begin=\"1.25s\" repeatcount=\"indefinite\" path=\"M -55 185 L 80 185\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"2.5s\" begin=\"1.25s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n\n        <!-- Cross-flow inside ERG: Stream A (BLUE \u2192 parallel zone \u2192 RED) -->\n        <circle r=\"3.5\" fill=\"#7AA0FF\">\n          <animatemotion dur=\"2.6s\" repeatcount=\"indefinite\" path=\"M 80 185 C 130 185, 150 230, 165 230 L 200 230\"\/>\n          <animate attributename=\"opacity\" values=\"0;0.95;0.95;0\" dur=\"2.6s\" repeatcount=\"indefinite\"\/>\n          <animate attributename=\"fill\" values=\"#7AA0FF;#7AA0FF;#D4A0E8\" dur=\"2.6s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <circle r=\"3.5\" fill=\"#FF5C5C\">\n          <animatemotion dur=\"2.6s\" begin=\"1.3s\" repeatcount=\"indefinite\" path=\"M 200 230 L 235 230 C 250 230, 270 285, 320 285\"\/>\n          <animate attributename=\"opacity\" values=\"0;0.95;0.95;0\" dur=\"2.6s\" begin=\"1.3s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n\n        <!-- Cross-flow inside ERG: Stream B (RED \u2192 parallel zone \u2192 BLUE) -->\n        <circle r=\"3.5\" fill=\"#FF5C5C\">\n          <animatemotion dur=\"2.6s\" repeatcount=\"indefinite\" path=\"M 320 185 C 270 185, 250 250, 235 250 L 200 250\"\/>\n          <animate attributename=\"opacity\" values=\"0;0.85;0.85;0\" dur=\"2.6s\" repeatcount=\"indefinite\"\/>\n          <animate attributename=\"fill\" values=\"#FF5C5C;#FF5C5C;#D4A0E8\" dur=\"2.6s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <circle r=\"3.5\" fill=\"#7AA0FF\">\n          <animatemotion dur=\"2.6s\" begin=\"1.3s\" repeatcount=\"indefinite\" path=\"M 200 250 L 165 250 C 150 250, 130 285, 80 285\"\/>\n          <animate attributename=\"opacity\" values=\"0;0.85;0.85;0\" dur=\"2.6s\" begin=\"1.3s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n\n        <!-- Heat transfer sparks rising from stream B (y=250) to stream A (y=230) in parallel zone -->\n        <circle r=\"2\" fill=\"#FFD43B\">\n          <animatemotion dur=\"0.85s\" repeatcount=\"indefinite\" path=\"M 178 250 L 178 230\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;0\" dur=\"0.85s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <circle r=\"2\" fill=\"#FFD43B\">\n          <animatemotion dur=\"0.85s\" begin=\"0.28s\" repeatcount=\"indefinite\" path=\"M 200 250 L 200 230\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;0\" dur=\"0.85s\" begin=\"0.28s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <circle r=\"2\" fill=\"#FFD43B\">\n          <animatemotion dur=\"0.85s\" begin=\"0.56s\" repeatcount=\"indefinite\" path=\"M 222 250 L 222 230\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;0\" dur=\"0.85s\" begin=\"0.56s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n\n        <!-- ===== KONDENSATION: Feuchtigkeitstropfen fallen aus der Parallelzone ===== -->\n        <!-- Sammellinie am Boden der ERG-Box -->\n        <line x1=\"130\" y1=\"296\" x2=\"270\" y2=\"296\" stroke=\"#7AA0FF\" stroke-width=\"1\" opacity=\"0.25\"\/>\n        <circle cx=\"200\" cy=\"296\" r=\"2.5\" fill=\"#7AA0FF\" opacity=\"0.2\"\/>\n\n        <!-- Tropfen-Symbol (Pfad): Kreis unten + Spitze oben, 5px hoch -->\n        <!-- Tropfen 1 \u2014 x=168 -->\n        <g>\n          <path d=\"M 168 0 L 165 -5 Q 168 -9 171 -5 Z M 168 0\" fill=\"#A8CCFF\" opacity=\"0\">\n            <animatemotion dur=\"1.8s\" repeatcount=\"indefinite\" begin=\"0s\" path=\"M 168 252 L 168 293\"\/>\n            <animate attributename=\"opacity\" values=\"0;0;0.85;0.85;0\" keytimes=\"0;0.05;0.2;0.85;1\" dur=\"1.8s\" repeatcount=\"indefinite\" begin=\"0s\"\/>\n          <\/path>\n          <circle r=\"2.2\" fill=\"#A8CCFF\" opacity=\"0\">\n            <animatemotion dur=\"1.8s\" repeatcount=\"indefinite\" begin=\"0s\" path=\"M 168 255 L 168 293\"\/>\n            <animate attributename=\"opacity\" values=\"0;0;0.9;0.9;0\" keytimes=\"0;0.05;0.2;0.85;1\" dur=\"1.8s\" repeatcount=\"indefinite\" begin=\"0s\"\/>\n          <\/circle>\n        <\/g>\n\n        <!-- Tropfen 2 \u2014 x=185 -->\n        <g>\n          <circle r=\"2.2\" fill=\"#A8CCFF\" opacity=\"0\">\n            <animatemotion dur=\"2.1s\" repeatcount=\"indefinite\" begin=\"0.55s\" path=\"M 185 253 L 185 293\"\/>\n            <animate attributename=\"opacity\" values=\"0;0;0.85;0.85;0\" keytimes=\"0;0.05;0.2;0.85;1\" dur=\"2.1s\" repeatcount=\"indefinite\" begin=\"0.55s\"\/>\n          <\/circle>\n        <\/g>\n\n        <!-- Tropfen 3 \u2014 x=200 (Mitte, gr\u00f6\u00dfter) -->\n        <g>\n          <circle r=\"2.8\" fill=\"#7AA0FF\" opacity=\"0\">\n            <animatemotion dur=\"1.6s\" repeatcount=\"indefinite\" begin=\"1.1s\" path=\"M 200 252 L 200 293\"\/>\n            <animate attributename=\"opacity\" values=\"0;0;0.9;0.9;0\" keytimes=\"0;0.05;0.2;0.85;1\" dur=\"1.6s\" repeatcount=\"indefinite\" begin=\"1.1s\"\/>\n          <\/circle>\n        <\/g>\n\n        <!-- Tropfen 4 \u2014 x=215 -->\n        <g>\n          <circle r=\"2.2\" fill=\"#A8CCFF\" opacity=\"0\">\n            <animatemotion dur=\"2.3s\" repeatcount=\"indefinite\" begin=\"0.3s\" path=\"M 215 254 L 215 293\"\/>\n            <animate attributename=\"opacity\" values=\"0;0;0.85;0.85;0\" keytimes=\"0;0.05;0.2;0.85;1\" dur=\"2.3s\" repeatcount=\"indefinite\" begin=\"0.3s\"\/>\n          <\/circle>\n        <\/g>\n\n        <!-- Tropfen 5 \u2014 x=232 -->\n        <g>\n          <circle r=\"2.2\" fill=\"#A8CCFF\" opacity=\"0\">\n            <animatemotion dur=\"1.9s\" repeatcount=\"indefinite\" begin=\"0.8s\" path=\"M 232 252 L 232 293\"\/>\n            <animate attributename=\"opacity\" values=\"0;0;0.85;0.85;0\" keytimes=\"0;0.05;0.2;0.85;1\" dur=\"1.9s\" repeatcount=\"indefinite\" begin=\"0.8s\"\/>\n          <\/circle>\n        <\/g>\n\n        <!-- Aufprall-Splash am Boden (kurze Aufflacker-Ringe wenn Tropfen ankommen) -->\n        <circle cx=\"185\" cy=\"295\" r=\"1\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\" opacity=\"0\">\n          <animate attributename=\"r\" values=\"1;5;7\" dur=\"0.4s\" repeatcount=\"indefinite\" begin=\"2.5s\"\/>\n          <animate attributename=\"opacity\" values=\"0.7;0.3;0\" dur=\"0.4s\" repeatcount=\"indefinite\" begin=\"2.5s\"\/>\n        <\/circle>\n        <circle cx=\"200\" cy=\"295\" r=\"1\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\" opacity=\"0\">\n          <animate attributename=\"r\" values=\"1;5;7\" dur=\"0.4s\" repeatcount=\"indefinite\" begin=\"2.7s\"\/>\n          <animate attributename=\"opacity\" values=\"0.7;0.3;0\" dur=\"0.4s\" repeatcount=\"indefinite\" begin=\"2.7s\"\/>\n        <\/circle>\n        <circle cx=\"218\" cy=\"295\" r=\"1\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\" opacity=\"0\">\n          <animate attributename=\"r\" values=\"1;5;7\" dur=\"0.4s\" repeatcount=\"indefinite\" begin=\"2.1s\"\/>\n          <animate attributename=\"opacity\" values=\"0.7;0.3;0\" dur=\"0.4s\" repeatcount=\"indefinite\" begin=\"2.1s\"\/>\n        <\/circle>\n\n        <!-- R\u00fcckluft (IGC top-left \u2192 ERG top-right, RED) -->\n        <circle r=\"3.5\" fill=\"#FF5C5C\" opacity=\"0.85\">\n          <animatemotion dur=\"2.2s\" repeatcount=\"indefinite\" path=\"M 405 185 L 320 185\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"2.2s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n\n        <!-- Fortluft (BLUE \/ cold, after heat transfer) -->\n        <circle r=\"3\" fill=\"#7AA0FF\" opacity=\"0.8\">\n          <animatemotion dur=\"2.5s\" repeatcount=\"indefinite\" path=\"M 80 285 L -55 285\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"2.5s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n\n        <!-- Zuluft particles flowing through the hose over lamps -->\n        <circle r=\"3.5\" fill=\"#FF5C5C\" opacity=\"0.9\">\n          <animatemotion dur=\"3.5s\" repeatcount=\"indefinite\" path=\"M 320 285 L 365 285 Q 382 285 382 268 L 382 105 Q 382 92 395 92 L 940 92\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"3.5s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <circle r=\"3\" fill=\"#FF5C5C\" opacity=\"0.7\">\n          <animatemotion dur=\"3.5s\" begin=\"1.75s\" repeatcount=\"indefinite\" path=\"M 320 285 L 365 285 Q 382 285 382 268 L 382 105 Q 382 92 395 92 L 940 92\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"3.5s\" begin=\"1.75s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n      <\/svg>\n\n      <!-- ===== MOBILE SCHEMA ===== -->\n      <svg class=\"schema-mobile\" viewbox=\"0 0 400 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"ERG-Schema (Mobile)\">\n        <defs>\n          <marker id=\"arrow-blue-m\" 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\"\/>\n          <\/marker>\n          <marker id=\"arrow-blue-light-m\" 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\"\/>\n          <\/marker>\n          <marker id=\"arrow-red-m\" 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=\"#FF5C5C\"\/>\n          <\/marker>\n          <lineargradient id=\"erg-grad-m\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n            <stop offset=\"0%\" stop-color=\"#091A55\"\/>\n            <stop offset=\"100%\" stop-color=\"#1740A8\"\/>\n          <\/lineargradient>\n          <lineargradient id=\"room-grad-m\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stop-color=\"#0E1426\"\/>\n            <stop offset=\"100%\" stop-color=\"#152040\"\/>\n          <\/lineargradient>\n        <\/defs>\n\n        <!-- AUSSENLUFT (BLUE \/ cold) -->\n        <text x=\"200\" y=\"22\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#7AA0FF\" letter-spacing=\"1.5\">AUSSENLUFT<\/text>\n        <path d=\"M 200 35 L 200 80\" stroke=\"#7AA0FF\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arrow-blue-light-m)\"\/>\n\n        <!-- ERG -->\n        <rect x=\"60\" y=\"90\" width=\"280\" height=\"170\" rx=\"12\" fill=\"url(#erg-grad-m)\" stroke=\"#2D69FF\" stroke-width=\"2\"\/>\n        <text x=\"200\" y=\"120\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"20\" fill=\"#FFFFFF\" letter-spacing=\"3\">ERG<\/text>\n        <text x=\"200\" y=\"140\" text-anchor=\"middle\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" fill=\"#7AA0FF\">Energie\u00adr\u00fcck\u00adgewinnung<\/text>\n\n        <!-- Top stream: Aussenluft (left, BLUE) \u2192 Knot \u2192 Zuluft (right, RED) -->\n        <line x1=\"80\" y1=\"180\" x2=\"180\" y2=\"180\" stroke=\"#7AA0FF\" stroke-width=\"3\" opacity=\"0.85\"\/>\n        <line x1=\"220\" y1=\"180\" x2=\"320\" y2=\"180\" stroke=\"#FF5C5C\" stroke-width=\"3\" opacity=\"0.85\"\/>\n        <!-- Bottom stream: R\u00fcckluft (right, RED) \u2192 Knot \u2192 Fortluft (left, BLUE) -->\n        <line x1=\"320\" y1=\"220\" x2=\"220\" y2=\"220\" stroke=\"#FF5C5C\" stroke-width=\"3\" opacity=\"0.85\" stroke-dasharray=\"6 4\"\/>\n        <line x1=\"180\" y1=\"220\" x2=\"80\" y2=\"220\" stroke=\"#7AA0FF\" stroke-width=\"3\" opacity=\"0.85\"\/>\n\n        <!-- Heat transfer indicators between streams -->\n        <path d=\"M 175 213 L 175 187\" stroke=\"#FFB347\" stroke-width=\"1\" opacity=\"0.5\" stroke-dasharray=\"2 2\"\/>\n        <path d=\"M 225 213 L 225 187\" stroke=\"#FFB347\" stroke-width=\"1\" opacity=\"0.5\" stroke-dasharray=\"2 2\"\/>\n\n        <!-- BIGGER knot with BIGGER double-arrow -->\n        <circle cx=\"200\" cy=\"200\" r=\"20\" fill=\"#0A1224\" stroke=\"#2D69FF\" stroke-width=\"2\"\/>\n        <text x=\"200\" y=\"210\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"22\" font-weight=\"700\" fill=\"#FFFFFF\">\u21c4<\/text>\n\n        <line x1=\"80\" y1=\"235\" x2=\"320\" y2=\"235\" stroke=\"#2D69FF\" stroke-width=\"0.8\" opacity=\"0.4\"\/>\n        <text x=\"200\" y=\"246\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#A8B2C5\" letter-spacing=\"1\">PASSIVE ENTFEUCHTUNG<\/text>\n        <text x=\"200\" y=\"256\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"8\" fill=\"#A8B2C5\" letter-spacing=\"1\">OHNE KLIMA-ANLAGE<\/text>\n\n        <!-- ZULUFT (down to IGC, RED \/ warm) -->\n        <path d=\"M 130 260 L 130 320\" stroke=\"#FF5C5C\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arrow-red-m)\"\/>\n        <text x=\"100\" y=\"295\" text-anchor=\"end\" font-family=\"Archivo, sans-serif\" font-size=\"10\" font-weight=\"700\" fill=\"#FF5C5C\">ZULUFT<\/text>\n\n        <!-- R\u00dcCKLUFT (up to ERG, RED \/ warm) -->\n        <path class=\"schema-rueckluft\" d=\"M 270 320 L 270 260\" stroke=\"#FF5C5C\" stroke-width=\"3\" fill=\"none\" marker-end=\"url(#arrow-red-m)\"\/>\n        <text x=\"300\" y=\"295\" text-anchor=\"start\" font-family=\"Archivo, sans-serif\" font-size=\"10\" font-weight=\"700\" fill=\"#FF5C5C\">R\u00dcCKLUFT<\/text>\n\n        <!-- FORTLUFT (BLUE \/ cold) -->\n        <path d=\"M 60 175 L 30 175\" stroke=\"#7AA0FF\" stroke-width=\"2.5\" fill=\"none\" marker-end=\"url(#arrow-blue-light-m)\"\/>\n        <text x=\"20\" y=\"170\" text-anchor=\"end\" font-family=\"Archivo, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#7AA0FF\" letter-spacing=\"1\">FORT-<\/text>\n        <text x=\"20\" y=\"182\" text-anchor=\"end\" font-family=\"Archivo, sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#7AA0FF\" letter-spacing=\"1\">LUFT<\/text>\n\n        <!-- IGC ROOM -->\n        <rect x=\"40\" y=\"320\" width=\"320\" height=\"500\" rx=\"10\" fill=\"url(#room-grad-m)\" stroke=\"#2D69FF\" stroke-width=\"2\"\/>\n        <text x=\"200\" y=\"350\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"14\" fill=\"#2D69FF\" letter-spacing=\"2\">IGC ANBAURAUM<\/text>\n        <text x=\"200\" y=\"370\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#A8B2C5\" letter-spacing=\"1\">36 m\u00b2 \u00b7 biologisch<\/text>\n\n        <!-- LED bar (YELLOW dots) -->\n        <rect x=\"80\" y=\"395\" width=\"240\" height=\"8\" rx=\"4\" fill=\"#2D69FF\"\/>\n        <circle class=\"schema-led\" cx=\"100\" cy=\"399\" r=\"2.5\" fill=\"#FFD43B\"\/>\n        <circle class=\"schema-led\" cx=\"160\" cy=\"399\" r=\"2.5\" fill=\"#FFD43B\"\/>\n        <circle class=\"schema-led\" cx=\"220\" cy=\"399\" r=\"2.5\" fill=\"#FFD43B\"\/>\n        <circle class=\"schema-led\" cx=\"280\" cy=\"399\" r=\"2.5\" fill=\"#FFD43B\"\/>\n        <text x=\"200\" y=\"420\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#FFB347\" letter-spacing=\"0.5\">\u2195 H\u00d6HENVERSTELLBAR<\/text>\n\n        <!-- Plants (translate y=540 \u2192 leaves y=520-570, stems to y=580) -->\n        <g transform=\"translate(120,540)\">\n          <path d=\"M0 30 Q -15 0 0 -20 Q 15 0 0 30 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/>\n          <line x1=\"0\" y1=\"-20\" x2=\"0\" y2=\"40\" stroke=\"#1740A8\" stroke-width=\"2\"\/>\n        <\/g>\n        <g transform=\"translate(200,540)\">\n          <path d=\"M0 30 Q -15 0 0 -20 Q 15 0 0 30 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/>\n          <line x1=\"0\" y1=\"-20\" x2=\"0\" y2=\"40\" stroke=\"#1740A8\" stroke-width=\"2\"\/>\n        <\/g>\n        <g transform=\"translate(280,540)\">\n          <path d=\"M0 30 Q -15 0 0 -20 Q 15 0 0 30 Z\" fill=\"#3EE5A5\" opacity=\"0.85\"\/>\n          <line x1=\"0\" y1=\"-20\" x2=\"0\" y2=\"40\" stroke=\"#1740A8\" stroke-width=\"2\"\/>\n        <\/g>\n\n        <!-- Netbow drip line UNDER plant stems -->\n        <text x=\"200\" y=\"595\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#7AA0FF\" letter-spacing=\"0.5\">NETBOW \u00b7 TROPFBEW\u00c4SSERUNG<\/text>\n        <line x1=\"80\" y1=\"605\" x2=\"320\" y2=\"605\" stroke=\"#7AA0FF\" stroke-width=\"2.5\" opacity=\"0.75\"\/>\n        <circle cx=\"120\" cy=\"605\" r=\"3\" fill=\"#7AA0FF\"\/>\n        <circle cx=\"200\" cy=\"605\" r=\"3\" fill=\"#7AA0FF\"\/>\n        <circle cx=\"280\" cy=\"605\" r=\"3\" fill=\"#7AA0FF\"\/>\n        <circle class=\"schema-drip\" cx=\"120\" cy=\"605\" r=\"5\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\"\/>\n        <circle class=\"schema-drip\" cx=\"200\" cy=\"605\" r=\"5\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\" style=\"animation-delay: 0.6s\"\/>\n        <circle class=\"schema-drip\" cx=\"280\" cy=\"605\" r=\"5\" fill=\"none\" stroke=\"#7AA0FF\" stroke-width=\"1\" style=\"animation-delay: 1.2s\"\/>\n\n        <!-- Side ventilation arrows (left & right = SEITENL\u00dcFTUNG only) -->\n        <path d=\"M 50 645 L 80 645\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue-m)\" opacity=\"0.7\"\/>\n        <path d=\"M 50 670 L 80 670\" stroke=\"#2D69FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue-m)\" opacity=\"0.7\"\/>\n        <text x=\"65\" y=\"635\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#7AA0FF\" letter-spacing=\"0.5\">SEITEN-<\/text>\n        <text x=\"65\" y=\"645\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#7AA0FF\" letter-spacing=\"0.5\">L\u00dcFTUNG<\/text>\n\n        <path d=\"M 350 645 L 320 645\" stroke=\"#7AA0FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue-light-m)\" opacity=\"0.7\"\/>\n        <path d=\"M 350 670 L 320 670\" stroke=\"#7AA0FF\" stroke-width=\"1.5\" fill=\"none\" marker-end=\"url(#arrow-blue-light-m)\" opacity=\"0.7\"\/>\n        <text x=\"335\" y=\"635\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#7AA0FF\" letter-spacing=\"0.5\">SEITEN-<\/text>\n        <text x=\"335\" y=\"645\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"7\" fill=\"#7AA0FF\" letter-spacing=\"0.5\">L\u00dcFTUNG<\/text>\n\n        <!-- Climate values -->\n        <line x1=\"80\" y1=\"745\" x2=\"320\" y2=\"745\" stroke=\"#2D69FF\" stroke-width=\"0.5\" opacity=\"0.4\"\/>\n        <text x=\"200\" y=\"770\" text-anchor=\"middle\" font-family=\"Archivo, sans-serif\" font-weight=\"700\" font-size=\"12\" fill=\"#FFFFFF\">25 \u00b0C \u00b7 65 %rH<\/text>\n        <text x=\"200\" y=\"790\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#A8B2C5\" letter-spacing=\"1\">STABIL \u00b7 GLEICHM\u00c4SSIG VERTEILT<\/text>\n\n        <!-- Steuerung -->\n        <rect x=\"100\" y=\"850\" width=\"200\" height=\"55\" rx=\"8\" fill=\"#0A1224\" stroke=\"#2D69FF\" stroke-width=\"1.5\"\/>\n        <text x=\"200\" y=\"875\" text-anchor=\"middle\" font-family=\"Archivo Black, sans-serif\" font-size=\"11\" fill=\"#FFFFFF\" letter-spacing=\"1.5\">CARBON<tspan font-style=\"italic\">ACTIVE<\/tspan><\/text>\n        <text x=\"200\" y=\"892\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"9\" fill=\"#7AA0FF\" letter-spacing=\"1\">\u25cfSTEUERUNG<\/text>\n\n        <circle class=\"schema-sensor\" cx=\"200\" cy=\"925\" r=\"3\" fill=\"#2D69FF\"\/>\n\n        <!-- Animated particles -->\n        <!-- Aussenluft (BLUE, top down) -->\n        <circle r=\"3\" fill=\"#7AA0FF\" opacity=\"0.8\">\n          <animatemotion dur=\"2s\" repeatcount=\"indefinite\" path=\"M 200 35 L 200 80\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <!-- Zuluft (RED, down to IGC) -->\n        <circle r=\"3.5\" fill=\"#FF5C5C\" opacity=\"0.9\">\n          <animatemotion dur=\"2s\" repeatcount=\"indefinite\" path=\"M 130 260 L 130 320\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <!-- R\u00fcckluft (RED, up from IGC) -->\n        <circle r=\"3\" fill=\"#FF5C5C\" opacity=\"0.85\">\n          <animatemotion dur=\"2.2s\" repeatcount=\"indefinite\" path=\"M 270 320 L 270 260\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"2.2s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <!-- Fortluft (BLUE, out to side) -->\n        <circle r=\"3\" fill=\"#7AA0FF\" opacity=\"0.8\">\n          <animatemotion dur=\"2.5s\" repeatcount=\"indefinite\" path=\"M 60 175 L 30 175\"\/>\n          <animate attributename=\"opacity\" values=\"0;1;1;0\" dur=\"2.5s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <!-- Energy transfer (warm bottom \u2192 cold top) inside ERG -->\n        <circle r=\"1.8\" fill=\"#FFB347\" opacity=\"0.7\">\n          <animatemotion dur=\"1.5s\" repeatcount=\"indefinite\" path=\"M 175 213 L 175 187\"\/>\n          <animate attributename=\"opacity\" values=\"0;0.9;0\" dur=\"1.5s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n        <circle r=\"1.8\" fill=\"#FFB347\" opacity=\"0.7\">\n          <animatemotion dur=\"1.5s\" begin=\"0.75s\" repeatcount=\"indefinite\" path=\"M 225 213 L 225 187\"\/>\n          <animate attributename=\"opacity\" values=\"0;0.9;0\" dur=\"1.5s\" begin=\"0.75s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n      <\/svg>\n\n      <div class=\"diagram-legend\">\n        <div class=\"legend-item\"><span class=\"line-h\" style=\"background: #7AA0FF;\"><\/span>Outside air \/ exhaust air (cold)<\/div>\n        <div class=\"legend-item\"><span class=\"line-h\" style=\"background: #FF5C5C;\"><\/span>Supply air (warm, preconditioned)<\/div>\n        <div class=\"legend-item\"><span class=\"line-dashed\" style=\"color: #FF5C5C;\"><\/span>Return air (warm + humid)<\/div>\n        <div class=\"legend-item\"><span class=\"erg-mark\"><\/span>ENERGY RECOVERY - Energy recovery<\/div>\n        <div class=\"legend-item\"><span class=\"swatch\" style=\"background: #2D69FF;\"><\/span>Sensors &amp; control systems<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- KLIMA-STABILIT\u00c4T (replaces climate envelope) -->\n<section>\n  <div class=\"container\">\n    <div class=\"section-eyebrow\">Climate stability<\/div>\n    <h2 class=\"section-title\">Stable - even <em>in midsummer<\/em>.<\/h2>\n\n    <div class=\"envelope-grid\">\n      <div class=\"envelope-chart\">\n        <svg viewbox=\"0 0 1000 380\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Vergleich Aussen- und Innentemperatur \u00fcber einen Sommertag\">\n          <defs>\n            <lineargradient id=\"outsideGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#FFB347\" stop-opacity=\"0.4\"\/>\n              <stop offset=\"100%\" stop-color=\"#FFB347\" stop-opacity=\"0\"\/>\n            <\/lineargradient>\n            <lineargradient id=\"insideGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#2D69FF\" stop-opacity=\"0.35\"\/>\n              <stop offset=\"100%\" stop-color=\"#2D69FF\" stop-opacity=\"0\"\/>\n            <\/lineargradient>\n          <\/defs>\n\n          <!-- Title -->\n          <text x=\"40\" y=\"35\" font-family=\"Archivo Black, sans-serif\" font-size=\"14\" fill=\"#FFFFFF\" letter-spacing=\"1\">SOMMERTAG \u00b7 24 H<\/text>\n          <text x=\"40\" y=\"55\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#A8B2C5\" letter-spacing=\"1\">AUSSEN VS. IGC \u00b7 TEMPERATUR<\/text>\n\n          <!-- Y-axis -->\n          <line x1=\"80\" y1=\"80\" x2=\"80\" y2=\"320\" stroke=\"#1A2540\" stroke-width=\"1\"\/>\n          <!-- Y-axis labels -->\n          <text x=\"70\" y=\"85\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">40\u00b0C<\/text>\n          <text x=\"70\" y=\"145\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">35\u00b0C<\/text>\n          <text x=\"70\" y=\"205\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">30\u00b0C<\/text>\n          <text x=\"70\" y=\"265\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">25\u00b0C<\/text>\n          <text x=\"70\" y=\"325\" text-anchor=\"end\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">20\u00b0C<\/text>\n\n          <!-- Grid lines -->\n          <line x1=\"80\" y1=\"80\" x2=\"960\" y2=\"80\" stroke=\"#1A2540\" stroke-width=\"0.5\" stroke-dasharray=\"3 4\"\/>\n          <line x1=\"80\" y1=\"140\" x2=\"960\" y2=\"140\" stroke=\"#1A2540\" stroke-width=\"0.5\" stroke-dasharray=\"3 4\"\/>\n          <line x1=\"80\" y1=\"200\" x2=\"960\" y2=\"200\" stroke=\"#1A2540\" stroke-width=\"0.5\" stroke-dasharray=\"3 4\"\/>\n          <line x1=\"80\" y1=\"260\" x2=\"960\" y2=\"260\" stroke=\"#1A2540\" stroke-width=\"0.5\" stroke-dasharray=\"3 4\"\/>\n          <line x1=\"80\" y1=\"320\" x2=\"960\" y2=\"320\" stroke=\"#1A2540\" stroke-width=\"0.5\"\/>\n\n          <!-- X-axis labels -->\n          <text x=\"80\" y=\"345\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">00 h<\/text>\n          <text x=\"300\" y=\"345\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">06 h<\/text>\n          <text x=\"520\" y=\"345\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">12 h<\/text>\n          <text x=\"740\" y=\"345\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">18 h<\/text>\n          <text x=\"960\" y=\"345\" text-anchor=\"middle\" font-family=\"JetBrains Mono, monospace\" font-size=\"10\" fill=\"#5B6478\">24 h<\/text>\n\n          <!-- Outside temperature curve (varies a lot) -->\n          <path d=\"M 80 290 Q 200 295 300 280 Q 400 240 520 130 Q 600 100 700 110 Q 800 150 880 230 Q 920 280 960 295 L 960 320 L 80 320 Z\" fill=\"url(#outsideGrad)\"\/>\n          <path d=\"M 80 290 Q 200 295 300 280 Q 400 240 520 130 Q 600 100 700 110 Q 800 150 880 230 Q 920 280 960 295\" fill=\"none\" stroke=\"#FFB347\" stroke-width=\"3\"\/>\n\n          <!-- Inside temperature curve (very stable around 25\u00b0C = y=265) -->\n          <path d=\"M 80 268 L 200 264 L 320 266 L 440 263 L 560 262 L 680 264 L 800 266 L 920 265 L 960 266 L 960 320 L 80 320 Z\" fill=\"url(#insideGrad)\"\/>\n          <path d=\"M 80 268 L 200 264 L 320 266 L 440 263 L 560 262 L 680 264 L 800 266 L 920 265 L 960 266\" fill=\"none\" stroke=\"#2D69FF\" stroke-width=\"3\"\/>\n\n          <!-- Peak label -->\n          <circle cx=\"600\" cy=\"100\" r=\"5\" fill=\"#FFB347\"\/>\n          <text x=\"600\" y=\"85\" text-anchor=\"middle\" font-family=\"Archivo, sans-serif\" font-weight=\"700\" font-size=\"12\" fill=\"#FFB347\">35\u00b0C aussen<\/text>\n          <line x1=\"600\" y1=\"105\" x2=\"600\" y2=\"115\" stroke=\"#FFB347\" stroke-width=\"1\" opacity=\"0.5\"\/>\n\n          <circle cx=\"600\" cy=\"262\" r=\"5\" fill=\"#2D69FF\"\/>\n          <text x=\"600\" y=\"252\" text-anchor=\"middle\" font-family=\"Archivo, sans-serif\" font-weight=\"700\" font-size=\"12\" fill=\"#2D69FF\">25\u00b0C im IGC<\/text>\n\n          <!-- Legend -->\n          <g transform=\"translate(720,30)\">\n            <line x1=\"0\" y1=\"6\" x2=\"20\" y2=\"6\" stroke=\"#FFB347\" stroke-width=\"3\"\/>\n            <text x=\"28\" y=\"10\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"600\" fill=\"#A8B2C5\">Aussentemperatur<\/text>\n            <line x1=\"0\" y1=\"26\" x2=\"20\" y2=\"26\" stroke=\"#2D69FF\" stroke-width=\"3\"\/>\n            <text x=\"28\" y=\"30\" font-family=\"DM Sans, sans-serif\" font-size=\"11\" font-weight=\"600\" fill=\"#A8B2C5\">IGC-Innentemperatur<\/text>\n          <\/g>\n        <\/svg>\n      <\/div>\n\n      <div class=\"envelope-side\">\n        <div class=\"env-card\">\n          <span class=\"icon\">01 \/ Temperature<\/span>\n          <h4>Constant 25 \u00b0C<\/h4>\n          <p>Even if it is 35 \u00b0C outside, the growth temperature remains stable in the IGC. Energy Recovery Group plus lateral ventilation maintain the setpoint. <\/p>\n          <div class=\"range-row\">\n            <span class=\"v\">\u00b11<\/span>\n            <span class=\"lbl\">K - Fluctuation during the day<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"env-card alt\">\n          <span class=\"icon\">02 \/ Humidity<\/span>\n          <h4>Controlled without dehumidifier<\/h4>\n          <p>Energy recovery removes excess moisture - without any active dehumidification. Stable, quiet, low-energy. <\/p>\n          <div class=\"range-row\">\n            <span class=\"v\">~ 65<\/span>\n            <span class=\"lbl\">%rH - constant in the flowering phase<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- STORY -->\n<section style=\"background: #050811;\">\n  <div class=\"container\">\n    <div class=\"section-eyebrow\">The story<\/div>\n    <h2 class=\"section-title\">In three <em>acts.<\/em><\/h2>\n\n    <div class=\"story-grid\">\n      <div class=\"story-card\">\n        <div class=\"num\">01 \/ Initial situation<\/div>\n        <h3>First IGC for a CSC.<\/h3>\n        <p>CSC Southside Organics was looking for a climate chamber for sustainable, organic indoor cultivation - not a single-family house full of equipment, but a well thought-out system. CarbonActive supplied one of the first IGCs of its kind in Germany. <\/p>\n      <\/div>\n\n      <div class=\"story-card\">\n        <div class=\"num\">02 \/ Challenge<\/div>\n        <h3>Stable climate. Without an energy-intensive climate control system. <\/h3>\n        <p>The requirements were clear: no energy-intensive cooling or dehumidification technology, but a stable climate even at 35 \u00b0C outside. Plus drip irrigation and even distribution across the entire cultivation area. <\/p>\n        <div class=\"chips\">\n          <span class=\"chip\">Biological<\/span>\n          <span class=\"chip\">Energy Recovery Group system<\/span>\n          <span class=\"chip\">Netbow<\/span>\n          <span class=\"chip\">Lateral ventilation<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"story-card\">\n        <div class=\"num\">03 \/ Result<\/div>\n        <h3>15 kg in the first run.<\/h3>\n        <p>Set up in a week, first harvest under three months later: 15 kg of dried flowers - without pests, without diseases. Even suboptimal rooted cuttings were able to take off immediately thanks to stable conditions. <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- VIDEO 2 \u2014 Reportage Ott's Map -->\n<section>\n  <div class=\"container\">\n    <div class=\"video-head\">\n      <div>\n        <div class=\"section-eyebrow\">Reportage - External reporting<\/div>\n        <h2 class=\"section-title\">The focus of <em>the media.<\/em><\/h2>\n        <p class=\"video-lead\">\n  An external report by Ott's Map provides an independent insight into the day-to-day life of the association at CSC Southside Organics - from daily operations to the IGC system and harvest logistics.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"video-wrap\" style=\"aspect-ratio: 16 \/ 9; max-width: 100%;\">\n      <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/wK1pvEb9PPI?rel=0&amp;modestbranding=1\" title=\"Report CSC Southside Organics - Ott's Map\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- GALLERY -->\n<section class=\"gallery-section\">\n  <div class=\"container\">\n    <div class=\"section-eyebrow\">Impressions of the facility<\/div>\n    <h2 class=\"section-title\">From the <em>IGC.<\/em><\/h2>\n\n    <div class=\"gallery-strip\">\n      <div class=\"g-item\">\n        <span class=\"tag\">IGC - CULTIVATION ROOMS<\/span>\n        <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/04\/about_us_section.avif\" alt=\"IGC at CSC Southside Organics - interior view of the cultivation room'S\">\n      <\/div>\n      <div class=\"g-item\">\n        <span class=\"tag\">Plants - Flowers<\/span>\n        <img decoding=\"async\" src=\"https:\/\/carbonactive.weiss-webdesign.de\/wp-content\/uploads\/2026\/04\/IMG_9273-1.jpg\" alt=\"Flowering phase in the IGC\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta\">\n  <div class=\"container\">\n    <h2>Your IGC.<br><em>We build it.<\/em><\/h2>\n    <p>From conception to commissioning - <em>CarbonActive<\/em> plans, builds and operates climate infrastructure for cannabis social clubs, medicinal cannabis and research projects. \ud83c\udde8\ud83c\udded <\/p>\n    <div class=\"btn-row\">\n      <a class=\"btn btn-primary\" href=\"https:\/\/meetings-eu1.hubspot.com\/lminks\" target=\"_blank\" rel=\"noopener\">Book a consultation<\/a>\n      <a class=\"btn btn-ghost\" href=\"https:\/\/carbonactive.com\/produkt\/igc\/?v=3eb702302e19\" target=\"_blank\" rel=\"noopener\">Discover IGC CULTIVATION ROOMS<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<\/div>\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>CSC Southside Organics &#8211; CarbonActive Reference Customer testimonial &#8211; CSC Southside Organics From day one . One of the first IGC &#8211; Indoor Growing Compartments &#8211; in Germany: 36 m\u00b2 organic cultivation area, ENERGY RECOVERY instead of active cooling, stable climate even in midsummer &#8211; and 15 kg of dried flowers in the very first [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-20558","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/pages\/20558","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/comments?post=20558"}],"version-history":[{"count":10,"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/pages\/20558\/revisions"}],"predecessor-version":[{"id":20783,"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/pages\/20558\/revisions\/20783"}],"wp:attachment":[{"href":"https:\/\/carbonactive.weiss-webdesign.de\/en\/wp-json\/wp\/v2\/media?parent=20558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}