{"title":"Living Soil","description":"\u003cp\u003eGREEN NODE Living Soil kaufen - All-in-one | Qualität 100% made in Germany. Living Soil direkt vom Hersteller.\u003c!-- notionvc: dc9797d6-17ad-4afd-b5b7-c7d898eb1ffc --\u003e\u003c\/p\u003e","products":[{"product_id":"living-soil-1kg","title":"GREEN NODE Living Soil - 1kg für mind. 20l Erde","description":"\u003c!-- GREEN NODE – LIVING SOIL PRODUCT CONTENT (scoped) --\u003e\n\u003csection class=\"gn-ls\"\u003e\u003c!-- HERO (SEO-H1, visuell versteckt) --\u003e\u003cheader class=\"hero\"\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003ch3 data-path-to-node=\"10\"\u003eDer Grow-Einstieg ohne Risiko: 1 Pflanze. 100% Erfolg.\u003c\/h3\u003e\n\u003cp data-path-to-node=\"11\"\u003eDu möchtest deinen ersten eigenen Homegrow starten, hast aber keine Lust auf komplizierte Düngeschemas, teures Equipment oder verbrannte Pflanzen durch Nährstofffehler? Genau dafür haben wir die \u003cb data-path-to-node=\"11\" data-index-in-node=\"195\"\u003e1kg-Packung GREEN NODE Living Soil\u003c\/b\u003e entwickelt.\u003c\/p\u003e\n\u003cp data-path-to-node=\"12\"\u003eFür gerade einmal 24,95 Euro nimmst du das größte Risiko aus deinem ersten Anbau. Du musst kein Profi sein und brauchst keine wissenschaftliche Ausbildung – unser bio-aktives Ökosystem übernimmt die gesamte Arbeit im Hintergrund und liefert professionelle Ergebnisse.\u003c\/p\u003e\n\u003ch3 data-path-to-node=\"13\"\u003eEs ist Outdoor-Saison: Einfacher geht's nicht!\u003c\/h3\u003e\n\u003cul data-path-to-node=\"14\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"14,0,0\"\u003e\u003cb data-path-to-node=\"14,0,0\" data-index-in-node=\"0\"\u003eWas du brauchst:\u003c\/b\u003e Einen Topf (mind. 15–20 Liter), ein einfaches Standard-Substrat (z. B. Lightmix), einen Samen deiner Wahl und unsere 1kg-Packung Living Soil.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"14,1,0\"\u003e\u003cb data-path-to-node=\"14,1,0\" data-index-in-node=\"0\"\u003eDeine einzige Aufgabe:\u003c\/b\u003e Mische das Living Soil nach Anleitung unter deine Erde, setze deine Pflanze ein und gieße sie ab sofort \u003cb data-path-to-node=\"14,1,0\" data-index-in-node=\"127\"\u003eausschließlich mit ganz normalem Leitungswasser\u003c\/b\u003e.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 data-path-to-node=\"15\"\u003eWarum GREEN NODE anders ist\u003c\/h3\u003e\n\u003cp data-path-to-node=\"16\"\u003eEs ist völlig normal, beim ersten Mal skeptisch zu sein – der Markt ist voll von teuren Dünger-Flaschen, die dir perfekten Wuchs versprechen. Wir gehen einen anderen Weg. GREEN NODE Living Soil stammt aus eigener Produktion, reguliert und puffert den pH-Wert deines Gießwassers vollautomatisch im optimalen Bereich. Ein Überdüngen oder Verhungern deiner Pflanze ist \u003cstrong\u003ephysisch fast unmöglich.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-path-to-node=\"17\"\u003eProbiere es mit einer einzigen Pflanze aus und lass dich von der Natur und unseren qualitativen Rohstoffen überzeugen. Stressfrei, natürlich und absolut sicher für deinen ersten, erfolgreichen Grow.\u003c\/p\u003e\n\u003c\/header\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n\/*  SCOPE: nur innerhalb .gn-ls  *\/\n.gn-ls {\n  --gn-green: #0b5c4b;\n  --gn-green-2: #0f7a64;\n  --line: #e6e9ec;\n  --card: #ffffff;\n  --bg: #f7f9f8;\n  --muted: #5d6b66;\n  --chip: #e8f3f0;\n  --chip-text: #0f7a64;\n  --radius: 12px;\n  --shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n  color: #0b2b23;\n}\n\n.gn-ls * {\n  box-sizing: border-box;\n}\n\n\/* Grundlayout *\/\n.gn-ls .hero,\n.gn-ls .section {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 20px 16px;\n}\n\n.gn-ls .hero {\n  padding: 0 16px;\n  margin-bottom: 0 !important;\n}\n\n\/* Einheitliche Container-Breiten *\/\n.gn-ls .textwall,\n.gn-ls .grid.benefits,\n.gn-ls .block {\n  max-width: 980px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 100%;\n}\n\n\/* Standard-Badges (Fallback\/andere Bereiche) *\/\n.gn-ls .badge {\n  display: block;\n  padding: 14px 20px;\n  font-size: 22px;\n  border-radius: 10px;\n  background: linear-gradient(90deg, #08512e, #1d3326);\n  border: 1px solid var(--line);\n  font-weight: 700;\n  color: #fff;\n  margin: 0 auto 12px;\n  text-align: center;\n  max-width: max-content;\n}\n\n@media (max-width: 749px) {\n  .gn-ls .badge {\n    max-width: 100% !important;\n    width: 100% !important;\n    font-size: 17px !important;\n    line-height: 1.3 !important;\n  }\n\n  #anwendung .badge {\n    font-size: 22px !important;\n    line-height: 1.4 !important;\n  }\n}\n\n\/* Headings *\/\n.gn-ls h1 {\n  font-size: clamp(28px, 4vw, 40px);\n  line-height: 1.15;\n  margin: 0 0 12px;\n  color: #081a15;\n  text-align: center;\n}\n\n.gn-ls h2 {\n  font-size: clamp(22px, 3vw, 28px);\n  margin: 8px 0 6px;\n  text-align: center;\n  color: #0b2b23;\n}\n\n.gn-ls h3 {\n  color: #0b2b23;\n}\n\n\/* Versteckter Header *\/\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n\/* Grids *\/\n.gn-ls .grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 16px;\n}\n\n\/* Benefits Grid – Desktop *\/\n@media (min-width: 750px) {\n  .gn-ls .grid.benefits {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin: 20px auto 0;\n  }\n  .gn-ls .grid.benefits .card {\n    max-width: 100%;\n    flex: unset;\n  }\n}\n\n\/* Anwendung-Grid *\/\n.gn-ls .grid.two { \n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px;\n  justify-content: center;\n}\n\n.gn-ls .grid.two .card {\n  flex: 1 1 420px;\n  max-width: 520px;\n}\n\n\/* Cards *\/\n.gn-ls .card {\n  background: var(--card);\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  padding: 16px;\n  box-shadow: var(--shadow);\n  min-width: 0;\n}\n\n.gn-ls .benefits .card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 8px;\n}\n\n\/* Benefit-Icons *\/\n.gn-ls .benefits .ico {\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: var(--chip);\n  color: var(--chip-text);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 8px;\n}\n\n\/* Texte in Cards *\/\n.gn-ls .benefits h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n.gn-ls .benefits p {\n  margin: 4px 0 0;\n  font-size: 14px;\n  color: var(--muted);\n}\n\n\/* Textwall *\/\n.gn-ls .textwall {\n  margin: 16px auto 0;\n  background: var(--bg);\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  padding: 18px 20px 20px;\n  box-shadow: var(--shadow);\n  text-align: center;\n}\n\n.gn-ls .textwall p {\n  margin: 10px 0;\n  line-height: 1.55;\n  color: #26332f;\n}\n\n.gn-ls strong {\n  color: #0b2b23;\n}\n\n\/* Listen *\/\n.gn-ls .list,\n.gn-ls .steps {\n  padding-left: 18px;\n  margin: 8px 0 0;\n}\n\n.gn-ls .list li,\n.gn-ls .steps li {\n  margin: 6px 0;\n}\n\n\/* Icons allgemein *\/\n.gn-ls .ico img {\n  width: 60%;\n  height: 60%;\n  object-fit: contain;\n  display: block;\n  margin: 0;\n  padding: 0;\n  vertical-align: middle;\n  aspect-ratio: 1 \/ 1;\n}\n\n\/* Block-Container *\/\n.gn-ls .block {\n  background: rgba(8, 81, 46, 0.03);\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  box-shadow: var(--shadow);\n  padding: 28px 20px;\n  margin: 24px 0;\n}\n\n\/* Hinweisbox *\/\n.gn-ls .hinweis {\n  margin-top: 14px;\n  background: #fff8dc;\n  border-left: 4px solid #e0b000;\n  padding: 10px 12px;\n  font-size: 14px;\n  color: #3d3500;\n  border-radius: 6px;\n  line-height: 1.5;\n}\n\n\/* Expertenblock-Heading *\/\n.gn-ls .textwall h3 {\n  font-size: 24px;\n  font-weight: 1000;\n  margin: 0 0 12px;\n  color: var(--gn-green);\n  text-align: center;\n}\n\n\/* Tagline Style *\/\n.gn-ls .tagline {\n  font-size: clamp(16px, 2vw, 18px);\n  font-weight: 700;\n  color: var(--gn-green);\n  text-align: center;\n  margin: 18px 0;\n  line-height: 1.6;\n}\n\n\/* Zentrierungs-Fix für Content-Blöcke *\/\n.gn-ls .section.block {\n  margin-left: auto !important;\n  margin-right: auto !important;\n  max-width: 980px;\n  text-align: center;\n}\n\n\/* Shopify-Wrapper überschreiben *\/\n.page-width.product-description {\n  display: block !important;\n  max-width: none !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n\/* Mobile Anpassungen *\/\n@media (max-width: 749px) {\n  .gn-ls .badge,\n  .gn-ls .block,\n  .gn-ls .textwall {\n    border-radius: 8px;\n  }\n\n  \/* Blöcke unter dem Video\/Top enger – Video gibt's nicht mehr, aber Margin-Setup bleibt ok *\/\n  .gn-ls .block {\n    margin: 12px 0 !important;\n  }\n\n  \/* Benefits mobil *\/\n  .gn-ls .grid.benefits {\n    margin-top: 16px;\n    gap: 14px;\n    flex-direction: column;\n  }\n\n  .gn-ls .grid.benefits .card {\n    width: 100%;\n    max-width: 100%;\n  }\n}\n\n\/* ---------- ACCORDION-BADGES (oben) ---------- *\/\n\n\/* Premium-Badges: ohne weißen Rahmen, mit Purple-Glow *\/\n.gn-ls .gn-accordion-badge {\n  background: #9600ff;\n  border: none !important;\n  border-radius: 9px;\n  color: #ffffff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 14px 24px;\n  position: relative;\n  cursor: pointer;\n  box-shadow: 0 0 24px rgba(150, 0, 255, 0.35);\n  text-align: center;\n  margin: 0 auto 8px auto;\n}\n\n\/* subtiler Halo um das Badge *\/\n.gn-ls .gn-accordion-badge::before {\n  content: \"\";\n  position: absolute;\n  inset: -4px;\n  border-radius: inherit;\n  background: radial-gradient(circle, rgba(150, 0, 255, 0.4), transparent 60%);\n  opacity: 0.7;\n  z-index: -1;\n}\n\n\/* Pfeil rechts *\/\n.gn-ls .gn-accordion-badge::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-top: 7px solid rgba(255, 255, 255, 0.95);\n  opacity: 0.95;\n  transform-origin: center;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n}\n\n\/* Pfeil dreht beim Öffnen *\/\n.gn-ls .section.block.is-open .gn-accordion-badge::after {\n  transform: rotate(180deg);\n}\n\n\/* Badge-Text Fade *\/\n.gn-ls .gn-accordion-badge span {\n  transition: opacity 0.2s ease;\n}\n\n.gn-ls .gn-accordion-badge span.is-fading {\n  opacity: 0;\n}\n\n\/* Accordion-Inhalt (Textwall) animiert *\/\n.gn-ls .section.block .textwall {\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  margin-top: 0;\n  transition: max-height 0.35s ease, opacity 0.35s ease, margin-top 0.35s ease;\n}\n\n\/* Geöffneter Zustand *\/\n.gn-ls .section.block.is-open .textwall {\n  max-height: 800px;\n  opacity: 1;\n  margin-top: 16px;\n}\n\n\/* Abstand über Benefit's Grid *\/\n.gn-ls .section.block .grid.benefits {\n  margin-top: 10px !important;\n}\n\n\/* weißen Rahmen für die beiden Akkordeon-Blöcke killen (Dark-Scheme) *\/\n#was-ist-living-soil.section.block,\n#warum-green-node.section.block {\n  border: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n\/* ---------- ANWENDUNGS-BADGE (ohne Funktion) ---------- *\/\n\n.gn-ls .gn-application-badge {\n  background: #9600ff;\n  border: none !important;\n  border-radius: 9px;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 14px 24px;\n  position: relative;\n  cursor: default;\n  box-shadow: 0 0 24px rgba(150, 0, 255, 0.35);\n  font-size: 22px;\n  font-weight: 700;\n  text-align: center;\n  margin: 0 auto 14px auto;\n}\n\n\/* Halo-Effekt Anwendung *\/\n.gn-ls .gn-application-badge::before {\n  content: \"\";\n  position: absolute;\n  inset: -4px;\n  border-radius: inherit;\n  background: radial-gradient(circle, rgba(150, 0, 255, 0.4), transparent 60%);\n  opacity: 0.7;\n  z-index: -1;\n}\n\n\/* Keine Pfeile \/ keinen After-Content *\/\n.gn-ls .gn-application-badge::after {\n  content: none !important;\n}\n\/* Anwendung-Block ohne Rahmen \/ Card-Hintergrund *\/\n.gn-ls #anwendung.section.block {\n  border: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\/* Nur Inhalt im Anwendung-Block linksbündig *\/\n.gn-ls #anwendung .card,\n.gn-ls #anwendung .card * {\n  text-align: left !important;\n}\n\/* Überschriften im Anwendungsblock zentriert lassen *\/\n.gn-ls #anwendung .card h3 {\n  text-align: center;\n}\n\/* --- Darkmode für alle Kacheln \u0026 Textwände innerhalb .gn-ls --- *\/\n\n\/* Cards (Benefits + Anwendung) *\/\n.gn-ls .card {\n  background: #242424 !important;\n  border: none !important;\n  box-shadow: none !important;\n  color: #ffffff !important;\n}\n\n\/* Textwall-Blöcke (z. B. \"Die Qualität im GREEN NODE® Living Soil\",\n   sowie die eingeklappten Inhalte von Was ist Living Soil \/ Warum GREEN NODE) *\/\n.gn-ls .textwall {\n  background: #242424 !important;\n  border: none !important;\n  box-shadow: none !important;\n  color: #ffffff !important;\n}\n\n\/* Fließtext in Cards \u0026 Textwalls leicht grau *\/\n.gn-ls .card p,\n.gn-ls .card li,\n.gn-ls .textwall p,\n.gn-ls .textwall li {\n  color: #d0d0d0 !important; \/* hellgrau *\/\n}\n\n\/* Überschriften in Cards \u0026 Textwalls weiß *\/\n.gn-ls .card h3,\n.gn-ls .textwall h3 {\n  color: #ffffff !important;\n}\n\n\/* Hervorhebungen (strong) etwas heller *\/\n.gn-ls .card strong,\n.gn-ls .textwall strong {\n  color: #ffffff !important;\n}\n\n\/* Strong in Hinweisbox wieder dunkel machen *\/\n.gn-ls .hinweis strong {\n  color: #3d3500 !important; \/* gleiche Farbe wie vorher *\/\n}\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Green Node","offers":[{"title":"Default Title","offer_id":57113283756297,"sku":"10002","price":24.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9520\/0521\/files\/Living_Soil_1kg_seitlich.jpg?v=1774447315"},{"product_id":"living-soil","title":"GREEN NODE Living Soil - 3kg für mind. 60l Erde","description":"\u003c!-- GREEN NODE – LIVING SOIL PRODUCT CONTENT (scoped) --\u003e\n\u003csection class=\"gn-ls\"\u003e\u003c!-- HERO (SEO-H1, visuell versteckt) --\u003e\u003cheader class=\"hero\"\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003ch3 data-path-to-node=\"5\"\u003eDas perfekte All-in-One Pack für deinen legalen Homegrow\u003c\/h3\u003e\n\u003cp data-path-to-node=\"6\"\u003eDu möchtest das Maximum aus deinen drei Pflanzen herausholen, ohne dich in einem Dschungel aus verschiedenen Düngerflaschen zu verlieren? Die \u003cb data-index-in-node=\"142\" data-path-to-node=\"6\"\u003e3kg-Packung GREEN NODE Living Soil\u003c\/b\u003e ist exakt auf die maximale, legale Eigenbedarfs-Menge in Deutschland abgestimmt und reicht perfekt für die Aktivierung von mind. \u003cb data-index-in-node=\"300\" data-path-to-node=\"6\"\u003e60 Litern Substrat\u003c\/b\u003e (z. B. drei 20-Liter-Töpfe).\u003c\/p\u003e\n\u003cp data-path-to-node=\"7\"\u003eWer echtes Living Soil kauft, entscheidet sich gegen synthetische Chemie und für die pure Kraft der Natur. Statt die Pflanze künstlich zu füttern, aktivieren wir das Bodenleben.\u003c\/p\u003e\n\u003ch3 data-path-to-node=\"8\"\u003eWarum 3kg die Königsklasse für deinen Grow sind:\u003c\/h3\u003e\n\u003cul data-path-to-node=\"9\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"9,0,0\"\u003e\u003cb data-index-in-node=\"0\" data-path-to-node=\"9,0,0\"\u003ePräzise abgestimmt:\u003c\/b\u003e Genau die richtige Menge, um drei Pflanzen vom Samen bis zur Ernte professionell und ohne Aufwand zu versorgen\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"9,1,0\"\u003e\u003cb data-index-in-node=\"0\" data-path-to-node=\"9,1,0\"\u003eMaximale Terpenentfaltung:\u003c\/b\u003e Durch das bio-aktive Ökosystem entwickelt deine Ernte ein unvergleichlich reines, intensives und unverfälschtes Geschmacksprofil.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"9,2,0\"\u003e\u003cb data-index-in-node=\"0\" data-path-to-node=\"9,2,0\"\u003eAutomatische Pufferung:\u003c\/b\u003e Vergiss das tägliche Kontrollieren von pH- und EC-Werten. Unsere Erdmischung stabilisiert die Nährstoffverfügbarkeit im Boden vollautomatisch.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 data-path-to-node=\"10\"\u003eSo geht Living Soil richtig!\u003c\/h3\u003e\n\u003cp data-path-to-node=\"11\"\u003eUnsere 3kg-Mischung ist vollgepackt mit über 400.000 nützlichen Mikroorganismen, Endomykorrhiza-Pilzen und wertvollen Ton-Humus-Komplexen. Sie sorgen für ein dichtes, feines Wurzelnetz und schützen deine Pflanzen effektiv vor Stress durch Hitze oder Überwässerung. Das ist kein einfacher Dünger – es ist ein autarkes Kreislaufsystem. Du musst ab sofort nur noch eines tun: Mit Wasser gießen und der Natur beim Arbeiten zusehen.\u003c\/p\u003e\n\u003c\/header\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n\/*  SCOPE: nur innerhalb .gn-ls  *\/\n.gn-ls {\n  --gn-green: #0b5c4b;\n  --gn-green-2: #0f7a64;\n  --line: #e6e9ec;\n  --card: #ffffff;\n  --bg: #f7f9f8;\n  --muted: #5d6b66;\n  --chip: #e8f3f0;\n  --chip-text: #0f7a64;\n  --radius: 12px;\n  --shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n  color: #0b2b23;\n}\n\n.gn-ls * {\n  box-sizing: border-box;\n}\n\n\/* Grundlayout *\/\n.gn-ls .hero,\n.gn-ls .section {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 20px 16px;\n}\n\n.gn-ls .hero {\n  padding: 0 16px;\n  margin-bottom: 0 !important;\n}\n\n\/* Einheitliche Container-Breiten *\/\n.gn-ls .textwall,\n.gn-ls .grid.benefits,\n.gn-ls .block {\n  max-width: 980px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 100%;\n}\n\n\/* Standard-Badges (Fallback\/andere Bereiche) *\/\n.gn-ls .badge {\n  display: block;\n  padding: 14px 20px;\n  font-size: 22px;\n  border-radius: 10px;\n  background: linear-gradient(90deg, #08512e, #1d3326);\n  border: 1px solid var(--line);\n  font-weight: 700;\n  color: #fff;\n  margin: 0 auto 12px;\n  text-align: center;\n  max-width: max-content;\n}\n\n@media (max-width: 749px) {\n  .gn-ls .badge {\n    max-width: 100% !important;\n    width: 100% !important;\n    font-size: 17px !important;\n    line-height: 1.3 !important;\n  }\n\n  #anwendung .badge {\n    font-size: 22px !important;\n    line-height: 1.4 !important;\n  }\n}\n\n\/* Headings *\/\n.gn-ls h1 {\n  font-size: clamp(28px, 4vw, 40px);\n  line-height: 1.15;\n  margin: 0 0 12px;\n  color: #081a15;\n  text-align: center;\n}\n\n.gn-ls h2 {\n  font-size: clamp(22px, 3vw, 28px);\n  margin: 8px 0 6px;\n  text-align: center;\n  color: #0b2b23;\n}\n\n.gn-ls h3 {\n  color: #0b2b23;\n}\n\n\/* Versteckter Header *\/\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n\/* Grids *\/\n.gn-ls .grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 16px;\n}\n\n\/* Benefits Grid – Desktop *\/\n@media (min-width: 750px) {\n  .gn-ls .grid.benefits {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin: 20px auto 0;\n  }\n  .gn-ls .grid.benefits .card {\n    max-width: 100%;\n    flex: unset;\n  }\n}\n\n\/* Anwendung-Grid *\/\n.gn-ls .grid.two { \n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px;\n  justify-content: center;\n}\n\n.gn-ls .grid.two .card {\n  flex: 1 1 420px;\n  max-width: 520px;\n}\n\n\/* Cards *\/\n.gn-ls .card {\n  background: var(--card);\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  padding: 16px;\n  box-shadow: var(--shadow);\n  min-width: 0;\n}\n\n.gn-ls .benefits .card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 8px;\n}\n\n\/* Benefit-Icons *\/\n.gn-ls .benefits .ico {\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: var(--chip);\n  color: var(--chip-text);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 8px;\n}\n\n\/* Texte in Cards *\/\n.gn-ls .benefits h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n.gn-ls .benefits p {\n  margin: 4px 0 0;\n  font-size: 14px;\n  color: var(--muted);\n}\n\n\/* Textwall *\/\n.gn-ls .textwall {\n  margin: 16px auto 0;\n  background: var(--bg);\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  padding: 18px 20px 20px;\n  box-shadow: var(--shadow);\n  text-align: center;\n}\n\n.gn-ls .textwall p {\n  margin: 10px 0;\n  line-height: 1.55;\n  color: #26332f;\n}\n\n.gn-ls strong {\n  color: #0b2b23;\n}\n\n\/* Listen *\/\n.gn-ls .list,\n.gn-ls .steps {\n  padding-left: 18px;\n  margin: 8px 0 0;\n}\n\n.gn-ls .list li,\n.gn-ls .steps li {\n  margin: 6px 0;\n}\n\n\/* Icons allgemein *\/\n.gn-ls .ico img {\n  width: 60%;\n  height: 60%;\n  object-fit: contain;\n  display: block;\n  margin: 0;\n  padding: 0;\n  vertical-align: middle;\n  aspect-ratio: 1 \/ 1;\n}\n\n\/* Block-Container *\/\n.gn-ls .block {\n  background: rgba(8, 81, 46, 0.03);\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  box-shadow: var(--shadow);\n  padding: 28px 20px;\n  margin: 24px 0;\n}\n\n\/* Hinweisbox *\/\n.gn-ls .hinweis {\n  margin-top: 14px;\n  background: #fff8dc;\n  border-left: 4px solid #e0b000;\n  padding: 10px 12px;\n  font-size: 14px;\n  color: #3d3500;\n  border-radius: 6px;\n  line-height: 1.5;\n}\n\n\/* Expertenblock-Heading *\/\n.gn-ls .textwall h3 {\n  font-size: 24px;\n  font-weight: 1000;\n  margin: 0 0 12px;\n  color: var(--gn-green);\n  text-align: center;\n}\n\n\/* Tagline Style *\/\n.gn-ls .tagline {\n  font-size: clamp(16px, 2vw, 18px);\n  font-weight: 700;\n  color: var(--gn-green);\n  text-align: center;\n  margin: 18px 0;\n  line-height: 1.6;\n}\n\n\/* Zentrierungs-Fix für Content-Blöcke *\/\n.gn-ls .section.block {\n  margin-left: auto !important;\n  margin-right: auto !important;\n  max-width: 980px;\n  text-align: center;\n}\n\n\/* Shopify-Wrapper überschreiben *\/\n.page-width.product-description {\n  display: block !important;\n  max-width: none !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n\/* Mobile Anpassungen *\/\n@media (max-width: 749px) {\n  .gn-ls .badge,\n  .gn-ls .block,\n  .gn-ls .textwall {\n    border-radius: 8px;\n  }\n\n  \/* Blöcke unter dem Video\/Top enger – Video gibt's nicht mehr, aber Margin-Setup bleibt ok *\/\n  .gn-ls .block {\n    margin: 12px 0 !important;\n  }\n\n  \/* Benefits mobil *\/\n  .gn-ls .grid.benefits {\n    margin-top: 16px;\n    gap: 14px;\n    flex-direction: column;\n  }\n\n  .gn-ls .grid.benefits .card {\n    width: 100%;\n    max-width: 100%;\n  }\n}\n\n\/* ---------- ACCORDION-BADGES (oben) ---------- *\/\n\n\/* Premium-Badges: ohne weißen Rahmen, mit Purple-Glow *\/\n.gn-ls .gn-accordion-badge {\n  background: #9600ff;\n  border: none !important;\n  border-radius: 9px;\n  color: #ffffff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 14px 24px;\n  position: relative;\n  cursor: pointer;\n  box-shadow: 0 0 24px rgba(150, 0, 255, 0.35);\n  text-align: center;\n  margin: 0 auto 8px auto;\n}\n\n\/* subtiler Halo um das Badge *\/\n.gn-ls .gn-accordion-badge::before {\n  content: \"\";\n  position: absolute;\n  inset: -4px;\n  border-radius: inherit;\n  background: radial-gradient(circle, rgba(150, 0, 255, 0.4), transparent 60%);\n  opacity: 0.7;\n  z-index: -1;\n}\n\n\/* Pfeil rechts *\/\n.gn-ls .gn-accordion-badge::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-top: 7px solid rgba(255, 255, 255, 0.95);\n  opacity: 0.95;\n  transform-origin: center;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n}\n\n\/* Pfeil dreht beim Öffnen *\/\n.gn-ls .section.block.is-open .gn-accordion-badge::after {\n  transform: rotate(180deg);\n}\n\n\/* Badge-Text Fade *\/\n.gn-ls .gn-accordion-badge span {\n  transition: opacity 0.2s ease;\n}\n\n.gn-ls .gn-accordion-badge span.is-fading {\n  opacity: 0;\n}\n\n\/* Accordion-Inhalt (Textwall) animiert *\/\n.gn-ls .section.block .textwall {\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  margin-top: 0;\n  transition: max-height 0.35s ease, opacity 0.35s ease, margin-top 0.35s ease;\n}\n\n\/* Geöffneter Zustand *\/\n.gn-ls .section.block.is-open .textwall {\n  max-height: 800px;\n  opacity: 1;\n  margin-top: 16px;\n}\n\n\/* Abstand über Benefit's Grid *\/\n.gn-ls .section.block .grid.benefits {\n  margin-top: 10px !important;\n}\n\n\/* weißen Rahmen für die beiden Akkordeon-Blöcke killen (Dark-Scheme) *\/\n#was-ist-living-soil.section.block,\n#warum-green-node.section.block {\n  border: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n\/* ---------- ANWENDUNGS-BADGE (ohne Funktion) ---------- *\/\n\n.gn-ls .gn-application-badge {\n  background: #9600ff;\n  border: none !important;\n  border-radius: 9px;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 14px 24px;\n  position: relative;\n  cursor: default;\n  box-shadow: 0 0 24px rgba(150, 0, 255, 0.35);\n  font-size: 22px;\n  font-weight: 700;\n  text-align: center;\n  margin: 0 auto 14px auto;\n}\n\n\/* Halo-Effekt Anwendung *\/\n.gn-ls .gn-application-badge::before {\n  content: \"\";\n  position: absolute;\n  inset: -4px;\n  border-radius: inherit;\n  background: radial-gradient(circle, rgba(150, 0, 255, 0.4), transparent 60%);\n  opacity: 0.7;\n  z-index: -1;\n}\n\n\/* Keine Pfeile \/ keinen After-Content *\/\n.gn-ls .gn-application-badge::after {\n  content: none !important;\n}\n\/* Anwendung-Block ohne Rahmen \/ Card-Hintergrund *\/\n.gn-ls #anwendung.section.block {\n  border: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\/* Nur Inhalt im Anwendung-Block linksbündig *\/\n.gn-ls #anwendung .card,\n.gn-ls #anwendung .card * {\n  text-align: left !important;\n}\n\/* Überschriften im Anwendungsblock zentriert lassen *\/\n.gn-ls #anwendung .card h3 {\n  text-align: center;\n}\n\/* --- Darkmode für alle Kacheln \u0026 Textwände innerhalb .gn-ls --- *\/\n\n\/* Cards (Benefits + Anwendung) *\/\n.gn-ls .card {\n  background: #242424 !important;\n  border: none !important;\n  box-shadow: none !important;\n  color: #ffffff !important;\n}\n\n\/* Textwall-Blöcke (z. B. \"Die Qualität im GREEN NODE® Living Soil\",\n   sowie die eingeklappten Inhalte von Was ist Living Soil \/ Warum GREEN NODE) *\/\n.gn-ls .textwall {\n  background: #242424 !important;\n  border: none !important;\n  box-shadow: none !important;\n  color: #ffffff !important;\n}\n\n\/* Fließtext in Cards \u0026 Textwalls leicht grau *\/\n.gn-ls .card p,\n.gn-ls .card li,\n.gn-ls .textwall p,\n.gn-ls .textwall li {\n  color: #d0d0d0 !important; \/* hellgrau *\/\n}\n\n\/* Überschriften in Cards \u0026 Textwalls weiß *\/\n.gn-ls .card h3,\n.gn-ls .textwall h3 {\n  color: #ffffff !important;\n}\n\n\/* Hervorhebungen (strong) etwas heller *\/\n.gn-ls .card strong,\n.gn-ls .textwall strong {\n  color: #ffffff !important;\n}\n\n\/* Strong in Hinweisbox wieder dunkel machen *\/\n.gn-ls .hinweis strong {\n  color: #3d3500 !important; \/* gleiche Farbe wie vorher *\/\n}\n\u003c\/style\u003e","brand":"Green Node","offers":[{"title":"Default Title","offer_id":57113288999177,"sku":"10001","price":64.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9520\/0521\/files\/LivingSoil_front_transparent-min.png?v=1770120928"},{"product_id":"living-soil-hochbeet-garten-18kg","title":"GREEN NODE Living Soil - 18kg für mind. 360l Erde","description":"\u003c!-- GREEN NODE – LIVING SOIL PRODUCT CONTENT (scoped) --\u003e\n\u003csection class=\"gn-ls\"\u003e\u003c!-- HERO (SEO-H1, visuell versteckt) --\u003e\u003cheader class=\"hero\"\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003ch3 data-path-to-node=\"17\"\u003eDie professionelle Großpackung für das Beet \u0026amp; weitere Großprojekte\u003c\/h3\u003e\n\u003cp data-path-to-node=\"18\"\u003eEffizienz, Konstanz und absolute Ausfallsicherheit sind die Grundpfeiler eines erfolgreichen Großanbaus. Die \u003cb data-path-to-node=\"18\" data-index-in-node=\"109\"\u003e18kg-Großpackung GREEN NODE Living Soil\u003c\/b\u003e wurde speziell für Großprojekte (wie z.B. Beete) und professionelle Gärtner entwickelt. Mit einer einzigen Packung aktivierst du mühelos \u003cb data-path-to-node=\"18\" data-index-in-node=\"285\"\u003emindestens 360 Liter Substrat\u003c\/b\u003e und garantierst eine homogene Nährstoffversorgung über das gesamte Beet hinweg.\u003c\/p\u003e\n\u003cp data-path-to-node=\"19\"\u003eWo so viel Erde nötig ist, darf kein Platz für menschliche Fehler beim Anmischen von Flüssigdüngern sein. Unser Living Soil reduziert den Arbeitsaufwand in der Pflege auf ein absolutes Minimum.\u003c\/p\u003e\n\u003ch3 data-path-to-node=\"20\"\u003eEntwickelt für maximale Performance im Großanbau:\u003c\/h3\u003e\n\u003cul data-path-to-node=\"21\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"21,0,0\"\u003e\u003cb data-path-to-node=\"21,0,0\" data-index-in-node=\"0\"\u003eHocheffiziente Mischtechnik:\u003c\/b\u003e In unserem eigenen Werk in Stadtallendorf nutzen wir speziell entwickelte, industrielle Mischverfahren. \u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"21,1,0\"\u003e\u003cb data-path-to-node=\"21,1,0\" data-index-in-node=\"0\"\u003eFlexibilität im Grow:\u003c\/b\u003e Wer z.B. für seinen Anbauverein GREEN NODE Living Soil nutzt, kann mit einer automatischen Bewässerung auch mal sorglos in den Urlaub fahren - das Living Soil regelt.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"21,2,0\"\u003e\u003cb data-path-to-node=\"21,2,0\" data-index-in-node=\"0\"\u003eDrastische Kostensenkung durch All-In-One:\u003c\/b\u003e Durch den Wegfall von diversen Flüssigdünger-Komponenten oder anderen Amendments optimierst du die Betriebskosten deines Vereins\/Projekts nachhaltig. Auch Spurenelemente werden abgedeckt.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 data-path-to-node=\"22\"\u003eNachhaltige Kreislaufwirtschaft für Profis\u003c\/h3\u003e\n\u003cp data-path-to-node=\"23\"\u003eUnsere 18kg-Version setzt konsequent auf hochwertige Rohstoffe aus der Kreislaufwirtschaft. Die Kombination aus Humin- und Fulvosäuren, Algenpower und Ton-Humus-Komplexen sorgt für eine extreme Resilienz der Pflanzen gegenüber Lichtstress, Schädlingsdruck oder Temperaturschwankungen. Vertrauen Sie auf deutsche Ingenieurskunst im organischen Anbau und sichere deinem Großprojekt stabile Spitzenerträge bei maximalem Terpenerhalt.\u003c\/p\u003e\n\u003c\/header\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n\/*  SCOPE: nur innerhalb .gn-ls  *\/\n.gn-ls {\n  --gn-green: #0b5c4b;\n  --gn-green-2: #0f7a64;\n  --line: #e6e9ec;\n  --card: #ffffff;\n  --bg: #f7f9f8;\n  --muted: #5d6b66;\n  --chip: #e8f3f0;\n  --chip-text: #0f7a64;\n  --radius: 12px;\n  --shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n  color: #0b2b23;\n}\n\n.gn-ls * {\n  box-sizing: border-box;\n}\n\n\/* Grundlayout *\/\n.gn-ls .hero,\n.gn-ls .section {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 20px 16px;\n}\n\n.gn-ls .hero {\n  padding: 0 16px;\n  margin-bottom: 0 !important;\n}\n\n\/* Einheitliche Container-Breiten *\/\n.gn-ls .textwall,\n.gn-ls .grid.benefits,\n.gn-ls .block {\n  max-width: 980px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 100%;\n}\n\n\/* Standard-Badges (Fallback\/andere Bereiche) *\/\n.gn-ls .badge {\n  display: block;\n  padding: 14px 20px;\n  font-size: 22px;\n  border-radius: 10px;\n  background: linear-gradient(90deg, #08512e, #1d3326);\n  border: 1px solid var(--line);\n  font-weight: 700;\n  color: #fff;\n  margin: 0 auto 12px;\n  text-align: center;\n  max-width: max-content;\n}\n\n@media (max-width: 749px) {\n  .gn-ls .badge {\n    max-width: 100% !important;\n    width: 100% !important;\n    font-size: 17px !important;\n    line-height: 1.3 !important;\n  }\n\n  #anwendung .badge {\n    font-size: 22px !important;\n    line-height: 1.4 !important;\n  }\n}\n\n\/* Headings *\/\n.gn-ls h1 {\n  font-size: clamp(28px, 4vw, 40px);\n  line-height: 1.15;\n  margin: 0 0 12px;\n  color: #081a15;\n  text-align: center;\n}\n\n.gn-ls h2 {\n  font-size: clamp(22px, 3vw, 28px);\n  margin: 8px 0 6px;\n  text-align: center;\n  color: #0b2b23;\n}\n\n.gn-ls h3 {\n  color: #0b2b23;\n}\n\n\/* Versteckter Header *\/\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n\/* Grids *\/\n.gn-ls .grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 16px;\n}\n\n\/* Benefits Grid – Desktop *\/\n@media (min-width: 750px) {\n  .gn-ls .grid.benefits {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin: 20px auto 0;\n  }\n  .gn-ls .grid.benefits .card {\n    max-width: 100%;\n    flex: unset;\n  }\n}\n\n\/* Anwendung-Grid *\/\n.gn-ls .grid.two { \n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px;\n  justify-content: center;\n}\n\n.gn-ls .grid.two .card {\n  flex: 1 1 420px;\n  max-width: 520px;\n}\n\n\/* Cards *\/\n.gn-ls .card {\n  background: var(--card);\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  padding: 16px;\n  box-shadow: var(--shadow);\n  min-width: 0;\n}\n\n.gn-ls .benefits .card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 8px;\n}\n\n\/* Benefit-Icons *\/\n.gn-ls .benefits .ico {\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: var(--chip);\n  color: var(--chip-text);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 8px;\n}\n\n\/* Texte in Cards *\/\n.gn-ls .benefits h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n.gn-ls .benefits p {\n  margin: 4px 0 0;\n  font-size: 14px;\n  color: var(--muted);\n}\n\n\/* Textwall *\/\n.gn-ls .textwall {\n  margin: 16px auto 0;\n  background: var(--bg);\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  padding: 18px 20px 20px;\n  box-shadow: var(--shadow);\n  text-align: center;\n}\n\n.gn-ls .textwall p {\n  margin: 10px 0;\n  line-height: 1.55;\n  color: #26332f;\n}\n\n.gn-ls strong {\n  color: #0b2b23;\n}\n\n\/* Listen *\/\n.gn-ls .list,\n.gn-ls .steps {\n  padding-left: 18px;\n  margin: 8px 0 0;\n}\n\n.gn-ls .list li,\n.gn-ls .steps li {\n  margin: 6px 0;\n}\n\n\/* Icons allgemein *\/\n.gn-ls .ico img {\n  width: 60%;\n  height: 60%;\n  object-fit: contain;\n  display: block;\n  margin: 0;\n  padding: 0;\n  vertical-align: middle;\n  aspect-ratio: 1 \/ 1;\n}\n\n\/* Block-Container *\/\n.gn-ls .block {\n  background: rgba(8, 81, 46, 0.03);\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  box-shadow: var(--shadow);\n  padding: 28px 20px;\n  margin: 24px 0;\n}\n\n\/* Hinweisbox *\/\n.gn-ls .hinweis {\n  margin-top: 14px;\n  background: #fff8dc;\n  border-left: 4px solid #e0b000;\n  padding: 10px 12px;\n  font-size: 14px;\n  color: #3d3500;\n  border-radius: 6px;\n  line-height: 1.5;\n}\n\n\/* Expertenblock-Heading *\/\n.gn-ls .textwall h3 {\n  font-size: 24px;\n  font-weight: 1000;\n  margin: 0 0 12px;\n  color: var(--gn-green);\n  text-align: center;\n}\n\n\/* Tagline Style *\/\n.gn-ls .tagline {\n  font-size: clamp(16px, 2vw, 18px);\n  font-weight: 700;\n  color: var(--gn-green);\n  text-align: center;\n  margin: 18px 0;\n  line-height: 1.6;\n}\n\n\/* Zentrierungs-Fix für Content-Blöcke *\/\n.gn-ls .section.block {\n  margin-left: auto !important;\n  margin-right: auto !important;\n  max-width: 980px;\n  text-align: center;\n}\n\n\/* Shopify-Wrapper überschreiben *\/\n.page-width.product-description {\n  display: block !important;\n  max-width: none !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n\/* Mobile Anpassungen *\/\n@media (max-width: 749px) {\n  .gn-ls .badge,\n  .gn-ls .block,\n  .gn-ls .textwall {\n    border-radius: 8px;\n  }\n\n  \/* Blöcke unter dem Video\/Top enger – Video gibt's nicht mehr, aber Margin-Setup bleibt ok *\/\n  .gn-ls .block {\n    margin: 12px 0 !important;\n  }\n\n  \/* Benefits mobil *\/\n  .gn-ls .grid.benefits {\n    margin-top: 16px;\n    gap: 14px;\n    flex-direction: column;\n  }\n\n  .gn-ls .grid.benefits .card {\n    width: 100%;\n    max-width: 100%;\n  }\n}\n\n\/* ---------- ACCORDION-BADGES (oben) ---------- *\/\n\n\/* Premium-Badges: ohne weißen Rahmen, mit Purple-Glow *\/\n.gn-ls .gn-accordion-badge {\n  background: #9600ff;\n  border: none !important;\n  border-radius: 9px;\n  color: #ffffff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 14px 24px;\n  position: relative;\n  cursor: pointer;\n  box-shadow: 0 0 24px rgba(150, 0, 255, 0.35);\n  text-align: center;\n  margin: 0 auto 8px auto;\n}\n\n\/* subtiler Halo um das Badge *\/\n.gn-ls .gn-accordion-badge::before {\n  content: \"\";\n  position: absolute;\n  inset: -4px;\n  border-radius: inherit;\n  background: radial-gradient(circle, rgba(150, 0, 255, 0.4), transparent 60%);\n  opacity: 0.7;\n  z-index: -1;\n}\n\n\/* Pfeil rechts *\/\n.gn-ls .gn-accordion-badge::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-top: 7px solid rgba(255, 255, 255, 0.95);\n  opacity: 0.95;\n  transform-origin: center;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n}\n\n\/* Pfeil dreht beim Öffnen *\/\n.gn-ls .section.block.is-open .gn-accordion-badge::after {\n  transform: rotate(180deg);\n}\n\n\/* Badge-Text Fade *\/\n.gn-ls .gn-accordion-badge span {\n  transition: opacity 0.2s ease;\n}\n\n.gn-ls .gn-accordion-badge span.is-fading {\n  opacity: 0;\n}\n\n\/* Accordion-Inhalt (Textwall) animiert *\/\n.gn-ls .section.block .textwall {\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  margin-top: 0;\n  transition: max-height 0.35s ease, opacity 0.35s ease, margin-top 0.35s ease;\n}\n\n\/* Geöffneter Zustand *\/\n.gn-ls .section.block.is-open .textwall {\n  max-height: 800px;\n  opacity: 1;\n  margin-top: 16px;\n}\n\n\/* Abstand über Benefit's Grid *\/\n.gn-ls .section.block .grid.benefits {\n  margin-top: 10px !important;\n}\n\n\/* weißen Rahmen für die beiden Akkordeon-Blöcke killen (Dark-Scheme) *\/\n#was-ist-living-soil.section.block,\n#warum-green-node.section.block {\n  border: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n\/* ---------- ANWENDUNGS-BADGE (ohne Funktion) ---------- *\/\n\n.gn-ls .gn-application-badge {\n  background: #9600ff;\n  border: none !important;\n  border-radius: 9px;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 14px 24px;\n  position: relative;\n  cursor: default;\n  box-shadow: 0 0 24px rgba(150, 0, 255, 0.35);\n  font-size: 22px;\n  font-weight: 700;\n  text-align: center;\n  margin: 0 auto 14px auto;\n}\n\n\/* Halo-Effekt Anwendung *\/\n.gn-ls .gn-application-badge::before {\n  content: \"\";\n  position: absolute;\n  inset: -4px;\n  border-radius: inherit;\n  background: radial-gradient(circle, rgba(150, 0, 255, 0.4), transparent 60%);\n  opacity: 0.7;\n  z-index: -1;\n}\n\n\/* Keine Pfeile \/ keinen After-Content *\/\n.gn-ls .gn-application-badge::after {\n  content: none !important;\n}\n\/* Anwendung-Block ohne Rahmen \/ Card-Hintergrund *\/\n.gn-ls #anwendung.section.block {\n  border: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\/* Nur Inhalt im Anwendung-Block linksbündig *\/\n.gn-ls #anwendung .card,\n.gn-ls #anwendung .card * {\n  text-align: left !important;\n}\n\/* Überschriften im Anwendungsblock zentriert lassen *\/\n.gn-ls #anwendung .card h3 {\n  text-align: center;\n}\n\/* --- Darkmode für alle Kacheln \u0026 Textwände innerhalb .gn-ls --- *\/\n\n\/* Cards (Benefits + Anwendung) *\/\n.gn-ls .card {\n  background: #242424 !important;\n  border: none !important;\n  box-shadow: none !important;\n  color: #ffffff !important;\n}\n\n\/* Textwall-Blöcke (z. B. \"Die Qualität im GREEN NODE® Living Soil\",\n   sowie die eingeklappten Inhalte von Was ist Living Soil \/ Warum GREEN NODE) *\/\n.gn-ls .textwall {\n  background: #242424 !important;\n  border: none !important;\n  box-shadow: none !important;\n  color: #ffffff !important;\n}\n\n\/* Fließtext in Cards \u0026 Textwalls leicht grau *\/\n.gn-ls .card p,\n.gn-ls .card li,\n.gn-ls .textwall p,\n.gn-ls .textwall li {\n  color: #d0d0d0 !important; \/* hellgrau *\/\n}\n\n\/* Überschriften in Cards \u0026 Textwalls weiß *\/\n.gn-ls .card h3,\n.gn-ls .textwall h3 {\n  color: #ffffff !important;\n}\n\n\/* Hervorhebungen (strong) etwas heller *\/\n.gn-ls .card strong,\n.gn-ls .textwall strong {\n  color: #ffffff !important;\n}\n\n\/* Strong in Hinweisbox wieder dunkel machen *\/\n.gn-ls .hinweis strong {\n  color: #3d3500 !important; \/* gleiche Farbe wie vorher *\/\n}\n\u003c\/style\u003e","brand":"Green Node","offers":[{"title":"Default Title","offer_id":57113289261321,"sku":"10003","price":279.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9520\/0521\/files\/LivingSoil_18kg_Studio.jpg?v=1767613852"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9520\/0521\/collections\/Background_6.png?v=1738018571","url":"https:\/\/www.green-node.com\/collections\/living-soil.oembed","provider":"GREEN NODE","version":"1.0","type":"link"}