{"id":9,"date":"2026-08-21T00:34:43","date_gmt":"2026-08-21T00:34:43","guid":{"rendered":"https:\/\/plantsyra.de\/?page_id=9"},"modified":"2026-08-21T02:06:57","modified_gmt":"2026-08-21T02:06:57","slug":"start","status":"publish","type":"page","link":"https:\/\/plantsyra.de\/","title":{"rendered":"Start"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7049a1a e-con-full e-flex e-con e-parent\" data-id=\"7049a1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d968388 elementor-widget elementor-widget-html\" data-id=\"d968388\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PLANTSYRA HEADER \u2013 mobile optimiert -->\n<style>\n:root{\n  --bg:#fff9f5;--ink:#232323;--sage-dark:#62745b;--pink:#dc9eaa;\n  --peach:#f0b792;--butter:#f3d789;--lilac:#c8b4d8;--mint:#c8dfcc;\n  --line:rgba(35,35,35,.10);\n}\n.plantsyra-header,.plantsyra-header *{box-sizing:border-box}\n.plantsyra-header a,.plantsyra-header a:hover,.plantsyra-header a:focus{color:inherit;text-decoration:none!important}\n.plantsyra-header{\n  position:relative;\n  z-index:100;\n  font-family:Inter,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\n}\n.plantsyra-header .top-strip{\n  background:linear-gradient(90deg,var(--pink),var(--peach),var(--butter),var(--mint),var(--lilac),var(--pink));\n  background-size:300% 100%;\n  color:#312d2d;\n  font-size:.78rem;\n  font-weight:850;\n  letter-spacing:.03em;\n  line-height:1.3;\n  padding:9px 15px;\n  text-align:center;\n  animation:psGradient 12s linear infinite;\n}\n.plantsyra-header .nav-wrap{\n  position:sticky;\n  top:8px;\n  z-index:9999;\n  padding:12px 0 0;\n  transition:transform .28s ease, padding .28s ease;\n}\n.plantsyra-header .nav{\n  width:min(calc(100% - 30px),1160px);\n  margin:auto;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:18px;\n  padding:11px 13px 11px 18px;\n  background:\n    linear-gradient(90deg,\n      rgba(244,205,212,.92),\n      rgba(248,220,198,.92),\n      rgba(246,229,164,.92),\n      rgba(215,234,218,.92),\n      rgba(223,207,237,.92),\n      rgba(244,205,212,.92)\n    );\n  background-size:300% 100%;\n  border:1px solid rgba(255,255,255,.92);\n  animation:psNavGradient 14s linear infinite;\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n  border-radius:999px;\n  box-shadow:0 12px 35px rgba(56,48,42,.08);\n}\n.plantsyra-header .logo{\n  display:flex;\n  align-items:center;\n  gap:11px;\n  font-size:1.28rem;\n  font-weight:950;\n  letter-spacing:.035em;\n  white-space:nowrap;\n  text-transform:uppercase;\n}\n.plantsyra-header .logo-image{\n  display:block;\n  width:52px;\n  height:52px;\n  flex:0 0 52px;\n  object-fit:contain;\n  border-radius:50%;\n  filter:drop-shadow(0 5px 10px rgba(55,60,48,.14));\n}\n.plantsyra-header .nav-links{\n  display:flex;\n  gap:25px;\n  align-items:center;\n  font-size:.87rem;\n  color:#525650;\n}\n.plantsyra-header .nav-links a{transition:.25s ease}\n.plantsyra-header .nav-links a:hover{color:#000;transform:translateY(-1px)}\n.plantsyra-header .nav-actions{\n  display:flex;\n  align-items:center;\n  gap:9px;\n}\n.plantsyra-header .icon-btn,\n.plantsyra-header .shop-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-width:42px;\n  height:42px;\n  border-radius:999px;\n  transition:.25s ease;\n}\n.plantsyra-header .icon-btn{\n  border:1px solid var(--line);\n  background:rgba(255,255,255,.7);\n}\n.plantsyra-header .shop-btn{\n  padding:0 18px;\n  background:var(--ink);\n  color:#fff;\n  font-size:.85rem;\n  font-weight:850;\n  gap:8px;\n  min-width:auto;\n}\n.plantsyra-header .shop-btn:hover{\n  transform:translateY(-2px);\n  box-shadow:0 12px 25px rgba(35,35,35,.16);\n}\n\n\/* Mobile menu *\/\n.plantsyra-header .mobile-menu{display:none}\n.plantsyra-header .mobile-menu summary{\n  list-style:none;\n  cursor:pointer;\n  width:42px;height:42px;\n  border-radius:50%;\n  border:1px solid var(--line);\n  background:rgba(255,255,255,.72);\n  display:grid;\n  place-items:center;\n  font-size:1.18rem;\n  user-select:none;\n}\n.plantsyra-header .mobile-menu summary::-webkit-details-marker{display:none}\n.plantsyra-header .mobile-panel{\n  position:absolute;\n  left:9px;\n  right:9px;\n  top:66px;\n  padding:12px;\n  border-radius:23px;\n  background:rgba(255,249,245,.98);\n  border:1px solid rgba(255,255,255,.95);\n  box-shadow:0 20px 50px rgba(56,48,42,.16);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n}\n.plantsyra-header .mobile-panel a{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:14px 14px;\n  border-radius:14px;\n  font-size:.92rem;\n  font-weight:800;\n  color:#4f544e;\n}\n.plantsyra-header .mobile-panel a:hover{background:#fff}\n.plantsyra-header .mobile-panel .mobile-shop{\n  margin-top:6px;\n  background:var(--ink);\n  color:#fff;\n}\n.plantsyra-header .mobile-panel .mobile-shop:hover{background:#111}\n\n@keyframes psGradient{\n  0%{background-position:0 50%}\n  100%{background-position:300% 50%}\n}\n\n@keyframes psNavGradient{\n  0%{background-position:0% 50%}\n  100%{background-position:300% 50%}\n}\n\n@media(max-width:980px){\n  .plantsyra-header .nav-links{display:none}\n  .plantsyra-header .mobile-menu{display:block}\n}\n\n@media(max-width:640px){\n  .plantsyra-header .top-strip{\n    padding:8px 10px;\n    font-size:.69rem;\n    line-height:1.25;\n  }\n  .plantsyra-header .nav-wrap{padding-top:8px}\n  .plantsyra-header .nav{\n    width:calc(100% - 16px);\n    min-height:58px;\n    padding:8px 9px 8px 13px;\n    gap:8px;\n    border-radius:24px;\n  }\n  .plantsyra-header .logo{\n    font-size:1rem;\n    gap:8px;\n    letter-spacing:.025em;\n  }\n  .plantsyra-header .logo-image{\n    width:42px;\n    height:42px;\n    flex-basis:42px;\n  }\n  .plantsyra-header .nav-actions{gap:7px}\n  .plantsyra-header .wishlist-btn{display:none}\n  .plantsyra-header .shop-btn{\n    width:42px;\n    padding:0;\n  }\n  .plantsyra-header .shop-btn span{display:none}\n  .plantsyra-header .mobile-panel{\n    top:63px;\n    left:8px;\n    right:8px;\n  }\n}\n\n@media(max-width:380px){\n  .plantsyra-header .logo{\n    font-size:.88rem;\n    gap:6px;\n  }\n  .plantsyra-header .logo-image{\n    width:37px;\n    height:37px;\n    flex-basis:37px;\n  }\n  .plantsyra-header .shop-btn{display:none}\n}\n\n\/* Floating \/ mitlaufender Header auf Handy *\/\n@media(max-width:980px){\n  .plantsyra-header .nav-wrap{\n    position:fixed;\n    top:10px;\n    left:0;\n    right:0;\n    width:100%;\n    z-index:99999;\n    padding:0;\n    pointer-events:none;\n  }\n  .plantsyra-header .nav{\n    pointer-events:auto;\n    transition:\n      width .28s ease,\n      min-height .28s ease,\n      padding .28s ease,\n      box-shadow .28s ease,\n      background .28s ease,\n      transform .28s ease;\n  }\n\n  \/* Beim Start bleibt Platz f\u00fcr die fixe Navigation *\/\n  .plantsyra-header{\n    padding-bottom:76px;\n  }\n\n  \/* Nach dem Scrollen wird sie etwas kompakter *\/\n  .plantsyra-header.ps-scrolled .nav{\n    background:\n      linear-gradient(90deg,\n        rgba(244,205,212,.96),\n        rgba(248,220,198,.96),\n        rgba(246,229,164,.96),\n        rgba(215,234,218,.96),\n        rgba(223,207,237,.96),\n        rgba(244,205,212,.96)\n      );\n    background-size:300% 100%;\n    box-shadow:0 12px 34px rgba(42,38,34,.16);\n    transform:translateY(0);\n  }\n\n  .plantsyra-header.ps-scrolled .logo-image{\n    filter:drop-shadow(0 4px 8px rgba(55,60,48,.18));\n  }\n}\n\n@media(max-width:640px){\n  .plantsyra-header{\n    padding-bottom:70px;\n  }\n  .plantsyra-header .nav-wrap{\n    top:8px;\n  }\n  .plantsyra-header.ps-scrolled .nav{\n    width:calc(100% - 22px);\n    min-height:54px;\n    padding-top:6px;\n    padding-bottom:6px;\n  }\n}\n\n\/* WordPress Admin-Bar ber\u00fccksichtigen, wenn du eingeloggt bist *\/\nbody.admin-bar .plantsyra-header .nav-wrap{\n  top:42px;\n}\n@media(min-width:783px){\n  body.admin-bar .plantsyra-header .nav-wrap{\n    top:42px;\n  }\n}\n\n\n\/* Kontrast auf dem bunten Men\u00fc *\/\n.plantsyra-header .logo{\n  color:#232323;\n  text-shadow:0 1px 0 rgba(255,255,255,.25);\n}\n.plantsyra-header .nav-links{\n  color:#444842;\n}\n.plantsyra-header .icon-btn,\n.plantsyra-header .mobile-menu summary{\n  background:rgba(255,255,255,.60);\n  border-color:rgba(255,255,255,.72);\n  box-shadow:0 5px 14px rgba(70,60,55,.06);\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n}\n.plantsyra-header .shop-btn{\n  background:rgba(35,35,35,.94);\n  box-shadow:0 6px 16px rgba(35,35,35,.12);\n}\n.plantsyra-header .nav::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border-radius:inherit;\n  pointer-events:none;\n  background:\n    radial-gradient(circle at 15% 50%,rgba(255,255,255,.26),transparent 18%),\n    radial-gradient(circle at 78% 40%,rgba(255,255,255,.16),transparent 20%);\n  mix-blend-mode:soft-light;\n}\n.plantsyra-header .nav{\n  position:relative;\n  overflow:visible;\n}\n\n\n\/* ANIMIERTE WORDPRESS-SUCHE *\/\n.plantsyra-header .search-toggle{\n  cursor:pointer;\n  color:#232323;\n  font-size:1.15rem;\n  line-height:1;\n  padding:0;\n}\n\n.plantsyra-header .search-panel{\n  position:absolute;\n  z-index:90;\n  top:112px;\n  left:50%;\n  width:min(calc(100% - 30px),760px);\n  transform:translate(-50%,-12px) scale(.97);\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n  transition:\n    opacity .28s ease,\n    transform .32s cubic-bezier(.2,.8,.2,1),\n    visibility .28s ease;\n}\n\n.plantsyra-header.search-open .search-panel{\n  opacity:1;\n  visibility:visible;\n  pointer-events:auto;\n  transform:translate(-50%,0) scale(1);\n}\n\n.plantsyra-header .search-form{\n  position:relative;\n  display:grid;\n  grid-template-columns:auto 1fr auto auto;\n  align-items:center;\n  gap:10px;\n  width:100%;\n  min-height:58px;\n  padding:8px 9px 8px 16px;\n  border:1px solid rgba(255,255,255,.82);\n  border-radius:999px;\n  background:linear-gradient(90deg,\n    rgba(244,205,212,.97),\n    rgba(248,220,198,.97),\n    rgba(246,229,164,.97),\n    rgba(215,234,218,.97),\n    rgba(223,207,237,.97),\n    rgba(244,205,212,.97)\n  );\n  background-size:300% 100%;\n  animation:psSearchGradient 14s linear infinite;\n  box-shadow:0 18px 46px rgba(58,48,43,.18);\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n}\n\n.plantsyra-header .search-icon{\n  font-size:1.15rem;\n  color:#4e534d;\n}\n\n.plantsyra-header .search-input{\n  width:100%;\n  min-width:0;\n  height:40px;\n  border:0;\n  outline:0;\n  padding:0 4px;\n  color:#232323;\n  background:transparent;\n  font:inherit;\n  font-size:.9rem;\n  font-weight:650;\n}\n\n.plantsyra-header .search-input::placeholder{\n  color:rgba(35,35,35,.56);\n}\n\n.plantsyra-header .search-submit,\n.plantsyra-header .search-close{\n  border:0;\n  cursor:pointer;\n  transition:.22s ease;\n}\n\n.plantsyra-header .search-submit{\n  min-height:40px;\n  padding:0 17px;\n  border-radius:999px;\n  color:#fff;\n  background:#232323;\n  font-size:.78rem;\n  font-weight:900;\n}\n\n.plantsyra-header .search-submit:hover{\n  transform:translateY(-1px);\n  box-shadow:0 8px 18px rgba(35,35,35,.15);\n}\n\n.plantsyra-header .search-close{\n  width:40px;\n  height:40px;\n  border-radius:50%;\n  color:#333;\n  background:rgba(255,255,255,.62);\n  font-size:1.3rem;\n  line-height:1;\n}\n\n.plantsyra-header .search-close:hover{\n  background:#fff;\n  transform:rotate(6deg);\n}\n\n@keyframes psSearchGradient{\n  0%{background-position:0% 50%}\n  100%{background-position:300% 50%}\n}\n\n@media(max-width:980px){\n  .plantsyra-header .search-toggle{\n    display:inline-flex;\n    width:42px;\n    min-width:42px;\n    height:42px;\n  }\n\n  .plantsyra-header .search-panel{\n    position:fixed;\n    top:78px;\n    left:8px;\n    right:8px;\n    width:auto;\n    transform:translateY(-10px) scale(.98);\n  }\n\n  .plantsyra-header.search-open .search-panel{\n    transform:translateY(0) scale(1);\n  }\n\n  body.admin-bar .plantsyra-header .search-panel{\n    top:110px;\n  }\n\n  .plantsyra-header .search-form{\n    grid-template-columns:auto 1fr auto;\n    gap:7px;\n    min-height:56px;\n    padding:7px 7px 7px 13px;\n    border-radius:22px;\n  }\n\n  .plantsyra-header .search-submit{\n    min-height:38px;\n    padding:0 13px;\n    font-size:.72rem;\n  }\n\n  .plantsyra-header .search-close{\n    position:absolute;\n    top:-10px;\n    right:-3px;\n    width:29px;\n    height:29px;\n    font-size:1rem;\n    box-shadow:0 5px 13px rgba(45,40,36,.12);\n  }\n\n  .plantsyra-header .search-input{\n    font-size:.82rem;\n  }\n}\n\n@media(max-width:380px){\n  .plantsyra-header .search-toggle{\n    width:38px;\n    min-width:38px;\n    height:38px;\n  }\n\n  .plantsyra-header .search-form{\n    grid-template-columns:auto 1fr;\n    padding-right:10px;\n  }\n\n  .plantsyra-header .search-submit{\n    grid-column:1\/-1;\n    width:100%;\n    min-height:36px;\n  }\n}\n\n<\/style>\n\n<header class=\"plantsyra-header\">\n  <div class=\"top-strip\">\n    \ud83c\udf3f Plantsyra w\u00e4chst gerade los \u2013 neue Designs, Pflanzenideen & Shop coming soon \u2726\n  <\/div>\n\n  <div class=\"nav-wrap\">\n    <nav class=\"nav\">\n      <a class=\"logo\" href=\"#start\">\n        <img decoding=\"async\"\n          class=\"logo-image\"\n          src=\"https:\/\/web15149.cweb06.gamingcontrol.de\/wp-content\/uploads\/2026\/08\/LOGO-planmtsyra.png\"\n          alt=\"Plantsyra Logo\"\n          width=\"52\"\n          height=\"52\"\n        \/>\n        <span>PLANTSYRA<\/span>\n      <\/a>\n\n      <div class=\"nav-links\">\n        <a href=\"#shop\">Shop<\/a>\n        <a href=\"#about\">\u00dcber Plantsyra<\/a>\n        <a href=\"#studio\">3D & DIY<\/a>\n        <a href=\"#journal\">Journal<\/a>\n      <\/div>\n\n      <div class=\"nav-actions\">\n        <button class=\"icon-btn search-toggle\" type=\"button\" aria-label=\"Suche \u00f6ffnen\" aria-expanded=\"false\">\u2315<\/button>\n        <a class=\"icon-btn wishlist-btn\" href=\"#\" aria-label=\"Merkliste\">\u2661<\/a>\n        <a class=\"shop-btn\" href=\"\/warenkorb\/\" aria-label=\"Warenkorb \u00f6ffnen\"><span>Shop entdecken<\/span> \ud83d\uded2<\/a>\n\n        <details class=\"mobile-menu\">\n          <summary aria-label=\"Men\u00fc \u00f6ffnen\">\u2630<\/summary>\n          <div class=\"mobile-panel\">\n            <a href=\"#shop\">Shop <span>\u2192<\/span><\/a>\n            <a href=\"#about\">\u00dcber Plantsyra <span>\u2192<\/span><\/a>\n            <a href=\"#studio\">3D & DIY <span>\u2192<\/span><\/a>\n            <a href=\"#journal\">Journal <span>\u2192<\/span><\/a>\n            <a href=\"#\" class=\"mobile-shop\">Warenkorb <span>\ud83d\uded2<\/span><\/a>\n          <\/div>\n        <\/details>\n      <\/div>\n    <\/nav>\n  <\/div>\n\n  <div class=\"search-panel\" id=\"plantsyra-search-panel\" aria-hidden=\"true\">\n    <form class=\"search-form\" role=\"search\" method=\"get\" action=\"\/\">\n      <span class=\"search-icon\" aria-hidden=\"true\">\u2315<\/span>\n      <input\n        class=\"search-input\"\n        type=\"search\"\n        name=\"s\"\n        placeholder=\"Plantsyra durchsuchen \u2026\"\n        autocomplete=\"off\"\n        aria-label=\"Plantsyra durchsuchen\"\n      \/>\n      <button class=\"search-submit\" type=\"submit\">Suchen<\/button>\n      <button class=\"search-close\" type=\"button\" aria-label=\"Suche schlie\u00dfen\">\u00d7<\/button>\n    <\/form>\n  <\/div>\n<\/header>\n\n\n<script>\n(function(){\n  const header = document.querySelector('.plantsyra-header');\n  if(!header) return;\n\n  function updatePlantsyraHeader(){\n    if(window.scrollY > 35){\n      header.classList.add('ps-scrolled');\n    } else {\n      header.classList.remove('ps-scrolled');\n    }\n  }\n\n  updatePlantsyraHeader();\n  window.addEventListener('scroll', updatePlantsyraHeader, {passive:true});\n\n  \/* Mobile-Men\u00fc nach Klick auf einen Link wieder schlie\u00dfen *\/\n  header.querySelectorAll('.mobile-panel a').forEach(function(link){\n    link.addEventListener('click', function(){\n      const menu = header.querySelector('.mobile-menu');\n      if(menu) menu.removeAttribute('open');\n    });\n  });\n\n  \/* Plantsyra Suche *\/\n  const searchToggle = header.querySelector('.search-toggle');\n  const searchPanel = header.querySelector('.search-panel');\n  const searchInput = header.querySelector('.search-input');\n  const searchClose = header.querySelector('.search-close');\n\n  function openSearch(){\n    header.classList.add('search-open');\n    if(searchPanel) searchPanel.setAttribute('aria-hidden','false');\n    if(searchToggle) searchToggle.setAttribute('aria-expanded','true');\n    window.setTimeout(function(){\n      if(searchInput) searchInput.focus();\n    }, 180);\n  }\n\n  function closeSearch(){\n    header.classList.remove('search-open');\n    if(searchPanel) searchPanel.setAttribute('aria-hidden','true');\n    if(searchToggle) searchToggle.setAttribute('aria-expanded','false');\n  }\n\n  if(searchToggle){\n    searchToggle.addEventListener('click', function(event){\n      event.preventDefault();\n      if(header.classList.contains('search-open')){\n        closeSearch();\n      } else {\n        openSearch();\n      }\n    });\n  }\n\n  if(searchClose){\n    searchClose.addEventListener('click', closeSearch);\n  }\n\n  document.addEventListener('keydown', function(event){\n    if(event.key === 'Escape') closeSearch();\n  });\n\n  document.addEventListener('click', function(event){\n    if(\n      header.classList.contains('search-open') &&\n      searchPanel &&\n      !searchPanel.contains(event.target) &&\n      searchToggle &&\n      !searchToggle.contains(event.target)\n    ){\n      closeSearch();\n    }\n  });\n\n})();\n<\/script>\n\n\n<style>\n@media(prefers-reduced-motion:reduce){\n  .plantsyra-header .top-strip,\n  .plantsyra-header .nav,\n  .plantsyra-header .search-form{\n    animation:none!important;\n  }\n}\n<\/style>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a5fa91 elementor-widget elementor-widget-html\" data-id=\"6a5fa91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <meta name=\"description\" content=\"Plantsyra \u2013 Pflanzenliebe, Hydro-Kultur und 3D-gedruckte L\u00f6sungen f\u00fcr besondere Pflanzen.\" \/>\n  <title>Plantsyra \u2013 Pflanzenliebe trifft 3D-Druck<\/title>\n\n  <style>\n    :root{\n      --bg:#fff9f5;\n      --bg2:#f6efe9;\n      --ink:#232323;\n      --muted:#6c6f68;\n      --sage:#9dae90;\n      --sage-dark:#62745b;\n      --pink:#dc9eaa;\n      --pink-2:#f0c7ce;\n      --peach:#f0b792;\n      --butter:#f3d789;\n      --lilac:#c8b4d8;\n      --mint:#c8dfcc;\n      --cream:#fffdf9;\n      --line:rgba(35,35,35,.10);\n      --shadow:0 18px 50px rgba(57,50,44,.10);\n      --shadow-strong:0 25px 70px rgba(57,50,44,.16);\n      --radius:28px;\n      --max:100%;\n    }\n\n    *{box-sizing:border-box;}\n    html{scroll-behavior:smooth;}\n    body{\n      margin:0;\n      color:var(--ink);\n      background:\n        radial-gradient(circle at 90% 8%, rgba(220,158,170,.24), transparent 28rem),\n        radial-gradient(circle at 10% 30%, rgba(200,223,204,.24), transparent 30rem),\n        radial-gradient(circle at 70% 70%, rgba(243,215,137,.12), transparent 25rem),\n        var(--bg);\n      font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n      overflow-x:hidden;\n      -webkit-font-smoothing:antialiased;\n    }\n\n    body:before{\n      content:\"\";\n      position:fixed;\n      inset:0;\n      z-index:-2;\n      pointer-events:none;\n      background-image:\n        linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);\n      background-size:40px 40px;\n      mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 80%);\n    }\n\n    a{color:inherit;text-decoration:none;}\n    img{display:block;max-width:100%;}\n    button{font:inherit;}\n    .shell{width:100%;max-width:none;margin:0;padding-left:34px;padding-right:34px;}\n    .section{padding:94px 0;position:relative;}\n\n    .kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin-bottom:15px;\n      font-size:.78rem;\n      font-weight:900;\n      letter-spacing:.15em;\n      text-transform:uppercase;\n      color:var(--sage-dark);\n    }\n    .kicker:before{content:\"\";width:30px;height:1px;background:currentColor;}\n\n    .title{\n      margin:0;\n      max-width:850px;\n      font-family:Georgia,\"Times New Roman\",serif;\n      font-size:clamp(2.4rem,6vw,5.6rem);\n      line-height:.95;\n      font-weight:500;\n      letter-spacing:-.055em;\n    }\n    .copy{\n      max-width:680px;\n      margin:22px 0 0;\n      color:var(--muted);\n      font-size:1.05rem;\n      line-height:1.75;\n    }\n\n    \/* TOP STRIP *\/\n    .top-strip{\n      background:linear-gradient(90deg,var(--pink),var(--peach),var(--butter),var(--mint),var(--lilac),var(--pink));\n      background-size:300% 100%;\n      color:#312d2d;\n      font-size:.78rem;\n      font-weight:850;\n      letter-spacing:.03em;\n      padding:9px 15px;\n      text-align:center;\n      animation:gradientMove 12s linear infinite;\n    }\n\n    \/* NAV *\/\n    .nav-wrap{\n      position:sticky;\n      top:0;\n      z-index:50;\n      padding:12px 0 0;\n      pointer-events:none;\n    }\n    .nav{\n      width:min(calc(100% - 30px),1160px);\n      margin:auto;\n      pointer-events:auto;\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n      gap:18px;\n      padding:11px 13px 11px 18px;\n      background:rgba(255,249,245,.80);\n      border:1px solid rgba(255,255,255,.85);\n      backdrop-filter:blur(16px);\n      border-radius:999px;\n      box-shadow:0 12px 35px rgba(56,48,42,.08);\n    }\n    .logo{\n      display:flex;\n      align-items:center;\n      gap:9px;\n      font-size:1.25rem;\n      font-weight:950;\n      letter-spacing:-.045em;\n    }\n    .logo-mark{\n      width:29px;height:29px;border-radius:50%;\n      display:grid;place-items:center;\n      background:linear-gradient(135deg,var(--sage-dark),#879d7d);\n      color:#fff;\n      box-shadow:0 8px 18px rgba(98,116,91,.18);\n    }\n    .logo-mark svg{width:18px;height:18px;}\n    .nav-links{display:flex;gap:25px;align-items:center;font-size:.87rem;color:#525650;}\n    .nav-links a{transition:.25s ease;}\n    .nav-links a:hover{color:#000;transform:translateY(-1px);}\n    .nav-actions{display:flex;align-items:center;gap:9px;}\n    .icon-btn,.shop-btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      min-width:42px;\n      height:42px;\n      border-radius:999px;\n      transition:.25s ease;\n    }\n    .icon-btn{\n      border:1px solid var(--line);\n      background:rgba(255,255,255,.65);\n    }\n    .icon-btn:hover{background:#fff;transform:translateY(-2px);}\n    .shop-btn{\n      padding:0 18px;\n      background:var(--ink);\n      color:#fff;\n      font-size:.85rem;\n      font-weight:850;\n      gap:8px;\n      min-width:auto;\n    }\n    .shop-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(35,35,35,.16);}\n\n    \/* HERO *\/\n    .hero{\n      min-height:calc(100vh - 85px);\n      display:grid;\n      align-items:center;\n      padding:58px 0 70px;\n    }\n    .hero-grid{\n      display:grid;\n      grid-template-columns:1.02fr .98fr;\n      gap:54px;\n      align-items:center;\n    }\n    .eyebrow{\n      display:inline-flex;\n      gap:10px;\n      align-items:center;\n      padding:9px 13px;\n      background:rgba(255,255,255,.7);\n      border:1px solid rgba(255,255,255,.9);\n      border-radius:999px;\n      font-size:.8rem;\n      font-weight:800;\n      color:#545852;\n      box-shadow:var(--shadow);\n      margin-bottom:24px;\n    }\n    .eyebrow .dot{\n      width:8px;height:8px;border-radius:50%;\n      background:var(--pink);\n      box-shadow:0 0 0 5px rgba(220,158,170,.20);\n    }\n    .hero h1{\n      margin:0;\n      font-family:Georgia,\"Times New Roman\",serif;\n      font-size:clamp(3.8rem,8.5vw,7.7rem);\n      line-height:.82;\n      letter-spacing:-.07em;\n      font-weight:500;\n    }\n    .hero h1 .accent{\n      display:block;\n      color:var(--sage-dark);\n      font-style:italic;\n      font-weight:400;\n      padding-left:.15em;\n    }\n    .hero-copy{\n      max-width:640px;\n      margin:30px 0 0;\n      color:var(--muted);\n      font-size:1.08rem;\n      line-height:1.72;\n    }\n    .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}\n    .btn{\n      min-height:50px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      padding:0 21px;\n      border-radius:999px;\n      font-size:.92rem;\n      font-weight:900;\n      transition:.25s ease;\n    }\n    .btn-primary{background:var(--ink);color:#fff;}\n    .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(35,35,35,.18);}\n    .btn-soft{\n      background:rgba(255,255,255,.68);\n      border:1px solid var(--line);\n    }\n    .btn-soft:hover{background:#fff;transform:translateY(-3px);}\n    .mini-facts{\n      display:flex;\n      flex-wrap:wrap;\n      gap:11px;\n      margin-top:30px;\n    }\n    .mini-fact{\n      padding:9px 12px;\n      border-radius:999px;\n      background:#fff8;\n      border:1px solid rgba(35,35,35,.08);\n      font-size:.76rem;\n      font-weight:800;\n      color:#6b6f69;\n    }\n\n    \/* HERO VISUAL *\/\n    .hero-art{position:relative;min-height:620px;isolation:isolate;}\n    .hero-blob{\n      position:absolute;\n      inset:38px 10px 20px 36px;\n      border-radius:48% 52% 44% 56% \/ 43% 49% 51% 57%;\n      background:\n        radial-gradient(circle at 25% 22%,rgba(255,255,255,.75),transparent 22%),\n        linear-gradient(145deg,#f1d4d8,#e7c9c2 42%,#dfe7d9 100%);\n      box-shadow:0 45px 90px rgba(70,58,50,.15);\n      animation:morph 10s ease-in-out infinite alternate;\n      overflow:hidden;\n    }\n    .hero-blob:before{\n      content:\"\";\n      position:absolute;\n      width:180px;height:180px;border-radius:50%;\n      left:-30px;top:40px;\n      background:rgba(243,215,137,.5);\n      filter:blur(8px);\n    }\n    .hero-blob:after{\n      content:\"\";\n      position:absolute;\n      width:160px;height:160px;border-radius:50%;\n      right:15px;bottom:20px;\n      background:rgba(200,180,216,.45);\n      filter:blur(8px);\n    }\n\n    .leaf{\n      position:absolute;\n      z-index:4;\n      left:50%;\n      top:51%;\n      width:73%;\n      transform:translate(-50%,-50%) rotate(-7deg);\n      filter:drop-shadow(0 30px 32px rgba(44,54,42,.23));\n      animation:float 5.4s ease-in-out infinite;\n    }\n\n    .bubble{\n      position:absolute;\n      z-index:7;\n      padding:13px 15px;\n      border-radius:18px;\n      background:rgba(255,255,255,.78);\n      border:1px solid rgba(255,255,255,.95);\n      box-shadow:0 18px 35px rgba(60,52,46,.12);\n      backdrop-filter:blur(12px);\n      font-size:.78rem;\n      line-height:1.35;\n      color:#62665f;\n      animation:bob 4.8s ease-in-out infinite;\n    }\n    .bubble strong{display:block;color:var(--ink);font-size:.95rem;margin-bottom:3px;}\n    .bubble.one{left:0;bottom:88px;}\n    .bubble.two{right:-2px;top:85px;animation-delay:-2s;}\n    .bubble.three{right:24px;bottom:10px;animation-delay:-1s;}\n\n    .spark{\n      position:absolute;\n      font-size:1.55rem;\n      color:rgba(35,35,35,.25);\n      animation:spin 11s linear infinite;\n    }\n    .spark.s1{top:20px;left:55px;}\n    .spark.s2{bottom:50px;right:4px;animation-direction:reverse;}\n    .spark.s3{top:175px;left:5px;color:var(--pink);font-size:1rem;}\n\n    \/* SHOP STRIP *\/\n    .marquee{\n      overflow:hidden;\n      border-block:1px solid var(--line);\n      background:rgba(255,255,255,.36);\n      padding:18px 0;\n    }\n    .marquee-track{\n      width:max-content;\n      display:flex;\n      align-items:center;\n      gap:30px;\n      animation:marquee 24s linear infinite;\n      font-size:.75rem;\n      font-weight:900;\n      text-transform:uppercase;\n      letter-spacing:.14em;\n      color:#6d716b;\n    }\n    .marquee-track b{color:var(--pink);font-size:1.15rem;}\n\n    \/* SHOP CATEGORY TILES *\/\n    .category-grid{\n      display:grid;\n      grid-template-columns:repeat(4,1fr);\n      gap:16px;\n      margin-top:38px;\n    }\n    .category{\n      position:relative;\n      min-height:230px;\n      padding:22px;\n      border-radius:26px;\n      overflow:hidden;\n      box-shadow:var(--shadow);\n      border:1px solid rgba(255,255,255,.85);\n      transition:.35s ease;\n    }\n    .category:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:var(--shadow-strong);}\n    .category:nth-child(1){background:linear-gradient(145deg,#f0d1d7,#f8e8ea);}\n    .category:nth-child(2){background:linear-gradient(145deg,#dbe8d6,#eff6ec);}\n    .category:nth-child(3){background:linear-gradient(145deg,#f1dec3,#fff1dd);}\n    .category:nth-child(4){background:linear-gradient(145deg,#ddd0e7,#f1e9f5);}\n    .category small{\n      font-size:.72rem;\n      font-weight:900;\n      letter-spacing:.12em;\n      text-transform:uppercase;\n      color:#6a6a64;\n    }\n    .category h3{\n      margin:90px 0 5px;\n      font-family:Georgia,serif;\n      font-size:1.75rem;\n      font-weight:500;\n      letter-spacing:-.03em;\n    }\n    .category p{margin:0;color:#666a64;font-size:.88rem;line-height:1.5;}\n    .category-orb{\n      position:absolute;\n      width:110px;height:110px;border-radius:50%;\n      right:-15px;top:-10px;\n      background:rgba(255,255,255,.42);\n      box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);\n    }\n    .category-arrow{\n      position:absolute;\n      top:18px;right:18px;\n      width:38px;height:38px;border-radius:50%;\n      display:grid;place-items:center;\n      background:rgba(255,255,255,.66);\n      font-weight:900;\n    }\n\n    \/* PRODUCT CARDS *\/\n    .products-head{\n      display:flex;\n      align-items:end;\n      justify-content:space-between;\n      gap:20px;\n      margin-bottom:34px;\n    }\n    .products-grid{\n      display:grid;\n      grid-template-columns:repeat(4,1fr);\n      gap:18px;\n    }\n    .product{\n      border-radius:26px;\n      overflow:hidden;\n      background:rgba(255,255,255,.72);\n      border:1px solid rgba(255,255,255,.9);\n      box-shadow:var(--shadow);\n      transition:.35s ease;\n    }\n    .product:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong);}\n    .product-media{\n      position:relative;\n      height:270px;\n      overflow:hidden;\n      background:\n        radial-gradient(circle at 25% 20%,rgba(255,255,255,.7),transparent 20%),\n        linear-gradient(145deg,#efe6df,#ddcfc4);\n      display:grid;\n      place-items:center;\n    }\n    .product:nth-child(2) .product-media{background:linear-gradient(145deg,#dce6d6,#eef3e8);}\n    .product:nth-child(3) .product-media{background:linear-gradient(145deg,#ead8d8,#f8e8e8);}\n    .product:nth-child(4) .product-media{background:linear-gradient(145deg,#e2d8e8,#f2ecf6);}\n    .product-media:before{\n      content:\"\";\n      width:120px;height:150px;\n      border-radius:22px 22px 36px 36px;\n      background:rgba(255,255,255,.72);\n      border:6px solid rgba(255,255,255,.6);\n      box-shadow:0 20px 35px rgba(47,43,39,.12);\n      transform:perspective(500px) rotateY(-8deg);\n    }\n    .product-media:after{\n      content:\"PLATZHALTER\";\n      position:absolute;\n      font-size:.66rem;\n      font-weight:900;\n      letter-spacing:.14em;\n      color:#777;\n      bottom:18px;\n    }\n    .badge{\n      position:absolute;\n      z-index:3;\n      left:14px;top:14px;\n      padding:7px 10px;\n      border-radius:999px;\n      background:var(--ink);\n      color:#fff;\n      font-size:.69rem;\n      font-weight:900;\n      letter-spacing:.05em;\n      text-transform:uppercase;\n    }\n    .badge.pink{background:#b96f7c;}\n    .badge.green{background:#6f8466;}\n    .heart{\n      position:absolute;\n      z-index:3;\n      right:14px;top:14px;\n      width:37px;height:37px;border-radius:50%;\n      display:grid;place-items:center;\n      background:rgba(255,255,255,.78);\n      border:1px solid rgba(255,255,255,.9);\n      font-size:1rem;\n    }\n    .product-body{padding:18px 18px 20px;}\n    .product-title{\n      display:flex;justify-content:space-between;gap:12px;align-items:start;\n    }\n    .product h3{margin:0;font-size:1rem;line-height:1.35;}\n    .price{font-weight:950;white-space:nowrap;}\n    .product p{margin:7px 0 15px;color:var(--muted);font-size:.83rem;line-height:1.5;}\n    .product-add{\n      display:flex;\n      width:100%;\n      min-height:42px;\n      align-items:center;\n      justify-content:center;\n      border-radius:999px;\n      background:#f4eee9;\n      font-weight:900;\n      font-size:.83rem;\n      border:1px solid var(--line);\n      transition:.25s ease;\n    }\n    .product-add:hover{background:var(--ink);color:#fff;}\n\n    \/* INFO BLOCK *\/\n    .about-grid{\n      display:grid;\n      grid-template-columns:.82fr 1.18fr;\n      gap:68px;\n      align-items:start;\n    }\n    .big-no{\n      font-family:Georgia,serif;\n      font-size:7rem;\n      line-height:.8;\n      color:rgba(98,116,91,.16);\n      letter-spacing:-.08em;\n    }\n    .quote{\n      margin:0;\n      font-family:Georgia,serif;\n      font-size:clamp(2.2rem,4.6vw,4.2rem);\n      line-height:1.02;\n      letter-spacing:-.045em;\n    }\n    .quote em{color:var(--pink);font-weight:400;}\n    .about-text{\n      max-width:720px;\n      margin-top:26px;\n      color:var(--muted);\n      line-height:1.8;\n    }\n    .about-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;}\n    .about-pills span{\n      padding:8px 11px;border-radius:999px;background:#fff8;border:1px solid var(--line);\n      font-size:.75rem;font-weight:850;color:#676b65;\n    }\n\n    \/* FEATURE SPLIT *\/\n    .feature{\n      border-radius:36px;\n      overflow:hidden;\n      background:var(--ink);\n      color:#f8f4ef;\n      padding:22px;\n      box-shadow:0 38px 90px rgba(35,35,35,.18);\n    }\n    .feature-grid{\n      display:grid;\n      grid-template-columns:1.05fr .95fr;\n      gap:22px;\n      min-height:560px;\n    }\n    .feature-copy{\n      padding:52px 36px 44px;\n      display:flex;\n      flex-direction:column;\n      justify-content:space-between;\n    }\n    .feature-copy h2{\n      margin:0;\n      font-family:Georgia,serif;\n      font-size:clamp(3rem,6vw,5.8rem);\n      line-height:.9;\n      letter-spacing:-.055em;\n      font-weight:500;\n    }\n    .feature-copy h2 em{color:var(--pink);font-weight:400;}\n    .feature-copy p{max-width:560px;color:rgba(255,255,255,.66);line-height:1.7;}\n    .tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;}\n    .tag{\n      padding:8px 11px;border-radius:999px;\n      border:1px solid rgba(255,255,255,.14);\n      background:rgba(255,255,255,.05);\n      font-size:.75rem;color:rgba(255,255,255,.78);\n    }\n    .photo{\n      min-height:100%;\n      border-radius:28px;\n      overflow:hidden;\n      position:relative;\n      display:grid;\n      place-items:center;\n      background:\n        radial-gradient(circle at 20% 20%,rgba(242,194,201,.55),transparent 24%),\n        radial-gradient(circle at 80% 70%,rgba(145,167,133,.65),transparent 24%),\n        linear-gradient(145deg,#e8d5cb,#d2c4bb);\n    }\n    .photo:before,.photo:after{\n      content:\"\";\n      position:absolute;\n      width:280px;height:420px;\n      border-radius:62% 38% 59% 41% \/ 74% 60% 40% 26%;\n      background:linear-gradient(145deg,#5c7256,#819675);\n      opacity:.82;\n      transform:rotate(28deg);\n    }\n    .photo:before{left:-80px;bottom:-90px;}\n    .photo:after{\n      right:-90px;top:-70px;\n      transform:rotate(-34deg);\n      background:linear-gradient(145deg,#a57379,#e0afb3);\n      opacity:.76;\n    }\n    .photo-label{\n      z-index:2;\n      width:min(78%,360px);\n      padding:20px;\n      text-align:center;\n      border-radius:18px;\n      background:rgba(255,255,255,.74);\n      color:#555b53;\n      border:1px solid rgba(255,255,255,.9);\n      box-shadow:0 22px 60px rgba(39,38,35,.14);\n      font-size:.85rem;\n      backdrop-filter:blur(12px);\n    }\n    .photo-label strong{\n      display:block;\n      color:var(--ink);\n      font-family:Georgia,serif;\n      font-size:1.35rem;\n      margin-bottom:5px;\n    }\n\n    \/* NEWS \/ POSTS *\/\n    .post-grid{\n      display:grid;\n      grid-template-columns:1.2fr .8fr .8fr;\n      gap:18px;\n      margin-top:38px;\n    }\n    .post{\n      min-height:370px;\n      position:relative;\n      overflow:hidden;\n      border-radius:27px;\n      padding:22px;\n      box-shadow:var(--shadow);\n      border:1px solid rgba(255,255,255,.85);\n      transition:.35s ease;\n    }\n    .post:hover{transform:translateY(-7px);box-shadow:var(--shadow-strong);}\n    .post:nth-child(1){background:linear-gradient(145deg,#e9d0d4,#f7e6e8);}\n    .post:nth-child(2){background:linear-gradient(145deg,#dce7d8,#eef5eb);}\n    .post:nth-child(3){background:linear-gradient(145deg,#eadfc8,#f9f0dc);}\n    .post small{\n      font-size:.7rem;\n      font-weight:900;\n      letter-spacing:.12em;\n      text-transform:uppercase;\n      color:#6d706a;\n    }\n    .post h3{\n      position:absolute;\n      left:22px;right:22px;bottom:50px;\n      margin:0;\n      font-family:Georgia,serif;\n      font-size:2rem;\n      font-weight:500;\n      letter-spacing:-.03em;\n    }\n    .post p{\n      position:absolute;\n      left:22px;right:22px;bottom:18px;\n      margin:0;color:#676b65;font-size:.85rem;\n    }\n    .post-blob{\n      position:absolute;\n      right:-35px;top:45px;\n      width:180px;height:230px;\n      border-radius:65% 35% 60% 40% \/ 70% 60% 40% 30%;\n      background:rgba(255,255,255,.35);\n      transform:rotate(26deg);\n    }\n\n    \/* CTA *\/\n    .cta{padding:74px 0 92px;}\n    .cta-box{\n      position:relative;\n      overflow:hidden;\n      border-radius:38px;\n      background:\n        radial-gradient(circle at 12% 10%,rgba(255,255,255,.7),transparent 20%),\n        linear-gradient(135deg,#ebcdd2 0%,#f5decf 36%,#f3e4ae 62%,#dce8d8 100%);\n      padding:75px 46px;\n      text-align:center;\n      box-shadow:var(--shadow-strong);\n    }\n    .cta-box h2{\n      position:relative;z-index:2;\n      max-width:850px;margin:0 auto;\n      font-family:Georgia,serif;\n      font-size:clamp(2.9rem,6.5vw,6rem);\n      line-height:.95;\n      letter-spacing:-.055em;\n      font-weight:500;\n    }\n    .cta-box p{\n      position:relative;z-index:2;\n      max-width:610px;margin:22px auto 0;\n      color:#62675f;line-height:1.7;\n    }\n    .cta-box .actions{justify-content:center;position:relative;z-index:2;}\n    .cta-orb{\n      position:absolute;width:250px;height:250px;border-radius:50%;opacity:.32;\n      background:#fff;\n    }\n    .cta-orb.one{left:-90px;top:-100px;}\n    .cta-orb.two{right:-90px;bottom:-110px;background:#97ab8d;}\n[data-reveal]{\n      opacity:0;\n      transform:translateY(24px);\n      transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);\n    }\n    [data-reveal].visible{opacity:1;transform:translateY(0);}\n\n    @keyframes float{\n      0%,100%{transform:translate(-50%,-50%) rotate(-7deg) translateY(0);}\n      50%{transform:translate(-50%,-50%) rotate(-4deg) translateY(-13px);}\n    }\n    @keyframes bob{\n      0%,100%{transform:translateY(0) rotate(-1deg);}\n      50%{transform:translateY(-9px) rotate(1deg);}\n    }\n    @keyframes morph{\n      0%{border-radius:48% 52% 44% 56% \/ 43% 49% 51% 57%;}\n      100%{border-radius:57% 43% 58% 42% \/ 53% 40% 60% 47%;}\n    }\n    @keyframes spin{to{transform:rotate(360deg);}}\n    @keyframes marquee{to{transform:translateX(-50%);}}\n    @keyframes gradientMove{\n      0%{background-position:0% 50%;}\n      100%{background-position:300% 50%;}\n    }\n\n    @media(max-width:980px){\n      .nav-links{display:none;}\n      .hero{min-height:auto;padding-top:70px;}\n      .hero-grid,.about-grid,.feature-grid{grid-template-columns:1fr;}\n      .hero-art{min-height:520px;}\n      .category-grid,.products-grid{grid-template-columns:1fr 1fr;}\n      .post-grid{grid-template-columns:1fr 1fr;}\n      .post:first-child{grid-column:1\/-1;}\n      .feature-copy{padding:42px 24px;}\n      .photo{min-height:500px;}\n    }\n\n    @media(max-width:640px){\n      \n      .nav{width:calc(100% - 18px);}\n      .nav-actions .icon-btn{display:none;}\n      .shop-btn span{display:none;}\n      .section{padding:70px 0;}\n      .hero{padding:52px 0 42px;}\n      .hero h1{font-size:clamp(3.45rem,19vw,5.5rem);}\n      .hero-copy{font-size:.98rem;}\n      .hero-art{min-height:430px;}\n      .hero-blob{inset:28px 5px 18px 15px;}\n      .leaf{width:86%;}\n      .bubble.one{bottom:40px;}\n      .bubble.two{top:55px;}\n      .bubble.three{display:none;}\n      .category-grid,.products-grid,.post-grid{grid-template-columns:1fr;}\n      .post:first-child{grid-column:auto;}\n      .products-head{align-items:start;flex-direction:column;}\n      .feature{padding:12px;border-radius:28px;}\n      .feature-copy{padding:34px 19px 28px;}\n      .photo{min-height:410px;border-radius:21px;}\n      .cta-box{padding:58px 20px;border-radius:28px;}\n    }\n\n    \n    \/* MOBILE OPTIMIERUNG *\/\n    @media(max-width:768px){\n      body{\n        background:\n          radial-gradient(circle at 95% 5%, rgba(220,158,170,.20), transparent 18rem),\n          radial-gradient(circle at 5% 30%, rgba(200,223,204,.18), transparent 20rem),\n          var(--bg);\n      }\n\n      \n      .section{padding:64px 0;}\n      .title{\n        font-size:clamp(2.25rem,11vw,3.6rem);\n        line-height:.98;\n        letter-spacing:-.045em;\n      }\n      .copy{\n        margin-top:18px;\n        font-size:.98rem;\n        line-height:1.65;\n      }\n      .kicker{\n        font-size:.7rem;\n        letter-spacing:.12em;\n        margin-bottom:12px;\n      }\n\n      .hero{\n        min-height:auto;\n        padding:46px 0 30px;\n      }\n      .hero-grid{\n        grid-template-columns:1fr;\n        gap:26px;\n      }\n      .hero h1{\n        font-size:clamp(3.35rem,18vw,5rem);\n        line-height:.84;\n      }\n      .hero h1 .accent{padding-left:.08em;}\n      .hero-copy{\n        margin-top:22px;\n        font-size:.98rem;\n        line-height:1.62;\n      }\n      .actions{\n        display:grid;\n        grid-template-columns:1fr;\n        gap:10px;\n        margin-top:24px;\n      }\n      .btn{\n        width:100%;\n        min-height:50px;\n        padding:0 18px;\n      }\n      .mini-facts{\n        gap:8px;\n        margin-top:20px;\n      }\n      .mini-fact{\n        font-size:.7rem;\n        padding:8px 10px;\n      }\n\n      .hero-art{\n        min-height:395px;\n        margin-top:4px;\n      }\n      .hero-blob{inset:24px 6px 18px 10px;}\n      .leaf{width:90%;}\n      .bubble{\n        padding:10px 12px;\n        border-radius:15px;\n        font-size:.68rem;\n      }\n      .bubble strong{font-size:.82rem;}\n      .bubble.one{left:2px;bottom:32px;}\n      .bubble.two{right:0;top:50px;}\n      .bubble.three{display:none;}\n      .spark.s1{left:25px;}\n      .spark.s3{top:145px;}\n\n      .marquee{padding:14px 0;}\n      .marquee-track{\n        gap:22px;\n        font-size:.68rem;\n      }\n\n      .category-grid{\n        grid-template-columns:1fr;\n        gap:13px;\n        margin-top:28px;\n      }\n      .category{\n        min-height:190px;\n        padding:19px;\n        border-radius:22px;\n      }\n      .category h3{\n        margin-top:62px;\n        font-size:1.55rem;\n      }\n      .category p{\n        font-size:.84rem;\n        max-width:82%;\n      }\n      .category-orb{width:90px;height:90px;}\n\n      .products-head{\n        align-items:stretch;\n        flex-direction:column;\n        gap:16px;\n        margin-bottom:24px;\n      }\n      .products-head .btn{width:100%;}\n      .products-grid{\n        grid-template-columns:1fr;\n        gap:14px;\n      }\n      .product{\n        border-radius:22px;\n      }\n      .product-media{\n        height:245px;\n      }\n      .product-body{padding:16px 16px 18px;}\n      .product-title{\n        gap:8px;\n      }\n      .product h3{font-size:.98rem;}\n      .price{font-size:.9rem;}\n      .product p{\n        font-size:.8rem;\n        margin-bottom:13px;\n      }\n\n      .about-grid{\n        grid-template-columns:1fr;\n        gap:22px;\n      }\n      .big-no{\n        font-size:5rem;\n        margin-top:4px;\n      }\n      .quote{\n        font-size:clamp(2.1rem,10vw,3.2rem);\n      }\n      .about-text{\n        margin-top:20px;\n        font-size:.96rem;\n        line-height:1.7;\n      }\n      .about-pills{gap:8px;margin-top:18px;}\n      .about-pills span{font-size:.7rem;}\n\n      .feature{\n        padding:10px;\n        border-radius:25px;\n      }\n      .feature-grid{\n        grid-template-columns:1fr;\n        gap:10px;\n        min-height:auto;\n      }\n      .feature-copy{\n        padding:30px 18px 22px;\n      }\n      .feature-copy h2{\n        font-size:clamp(2.7rem,13vw,4.2rem);\n      }\n      .feature-copy p{\n        font-size:.93rem;\n        line-height:1.65;\n      }\n      .tags{gap:7px;margin-top:20px;}\n      .tag{font-size:.68rem;padding:7px 9px;}\n      .photo{\n        min-height:360px;\n        border-radius:19px;\n      }\n      .photo-label{\n        width:84%;\n        padding:16px;\n        font-size:.78rem;\n      }\n\n      .post-grid{\n        grid-template-columns:1fr;\n        gap:13px;\n        margin-top:28px;\n      }\n      .post:first-child{grid-column:auto;}\n      .post{\n        min-height:290px;\n        border-radius:22px;\n        padding:18px;\n      }\n      .post h3{\n        left:18px;\n        right:18px;\n        bottom:48px;\n        font-size:1.6rem;\n      }\n      .post p{\n        left:18px;\n        right:18px;\n        bottom:16px;\n        font-size:.8rem;\n      }\n\n      .cta{padding:58px 0 68px;}\n      .cta-box{\n        padding:48px 18px;\n        border-radius:25px;\n      }\n      .cta-box h2{\n        font-size:clamp(2.6rem,13vw,4.2rem);\n      }\n      .cta-box p{\n        margin-top:18px;\n        font-size:.94rem;\n      }\n}\n\n    @media(max-width:420px){\n      \n      .hero{padding-top:34px;}\n      .hero h1{font-size:3.45rem;}\n      .hero-art{min-height:350px;}\n      .bubble.one{bottom:24px;}\n      .bubble.two{top:42px;}\n      .category{min-height:178px;}\n      .product-media{height:225px;}\n      .photo{min-height:325px;}\n      .post{min-height:265px;}\n      .cta-box{padding:42px 15px;}\n    }\n\n    \n    \/* VOLLE BREITE \u2013 PC + MOBILE *\/\n    .shell{\n      width:100%;\n      max-width:none;\n      margin:0;\n      padding-left:34px;\n      padding-right:34px;\n    }\n\n    .hero,\n    .marquee,\n    .section,\n    .cta{\n      width:100%;\n      max-width:none;\n    }\n\n    .hero-grid,\n    .about-grid,\n    .feature-grid,\n    .category-grid,\n    .products-grid,\n    .post-grid{\n      width:100%;\n      max-width:none;\n    }\n\n    .feature,\n    .cta-box{\n      width:100%;\n      max-width:none;\n    }\n\n    @media(min-width:1440px){\n      .shell{\n        padding-left:54px;\n        padding-right:54px;\n      }\n\n      .hero-grid{\n        gap:72px;\n      }\n\n      .hero h1{\n        font-size:clamp(4.4rem,7.7vw,8.7rem);\n      }\n\n      .category-grid{\n        gap:20px;\n      }\n\n      .products-grid{\n        gap:22px;\n      }\n    }\n\n    @media(max-width:768px){\n      .shell{\n        width:100%;\n        max-width:none;\n        padding-left:14px;\n        padding-right:14px;\n      }\n\n      .hero,\n      .section,\n      .cta{\n        width:100%;\n      }\n\n      .feature,\n      .cta-box{\n        width:100%;\n      }\n    }\n\n    @media(max-width:420px){\n      .shell{\n        width:100%;\n        padding-left:9px;\n        padding-right:9px;\n      }\n    }\n\n    @media(prefers-reduced-motion:reduce){\n      *,*::before,*::after{\n        animation-duration:.01ms!important;\n        animation-iteration-count:1!important;\n        transition-duration:.01ms!important;\n        scroll-behavior:auto!important;\n      }\n      [data-reveal]{opacity:1;transform:none;}\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <main id=\"start\">\n\n    <section class=\"hero\">\n      <div class=\"shell hero-grid\">\n\n        <div data-reveal>\n          <div class=\"eyebrow\"><span class=\"dot\"><\/span> Pflanzen \u2022 Hydro \u2022 3D-Druck \u2022 Shop<\/div>\n\n          <h1>\n            Pflanzenliebe,\n            <span class=\"accent\">neu gedacht.<\/span>\n          <\/h1>\n\n          <p class=\"hero-copy\">\n            Plantsyra verbindet besondere Zimmerpflanzen, erdfreie Kultur und clevere\n            3D-Druck-Ideen mit einem sch\u00f6nen, modernen Pflanzenalltag. Ein Shop zum\n            Entdecken \u2013 und gleichzeitig ein Ort zum Lernen, Ausprobieren und Mitwachsen.\n          <\/p>\n\n          <div class=\"actions\">\n            <a class=\"btn btn-primary\" href=\"#shop\">Shop entdecken \u2192<\/a>\n            <a class=\"btn btn-soft\" href=\"#about\">Plantsyra kennenlernen<\/a>\n          <\/div>\n\n          <div class=\"mini-facts\">\n            <span class=\"mini-fact\">\ud83c\udf31 rare & variegated<\/span>\n            <span class=\"mini-fact\">\ud83d\udca7 PON & Hydro<\/span>\n            <span class=\"mini-fact\">\ud83d\udda8\ufe0f 3D printed<\/span>\n            <span class=\"mini-fact\">\u2728 made with plant love<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"hero-art\" data-reveal>\n          <div class=\"spark s1\">\u2726<\/div>\n          <div class=\"spark s2\">\u2727<\/div>\n          <div class=\"spark s3\">\u2726<\/div>\n          <div class=\"hero-blob\"><\/div>\n\n          <svg class=\"leaf\" viewBox=\"0 0 600 690\" role=\"img\" aria-label=\"Stilisierte variegierte Alocasia\">\n            <defs>\n              <linearGradient id=\"leafBase\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n                <stop offset=\"0%\" stop-color=\"#536a4f\"\/>\n                <stop offset=\"52%\" stop-color=\"#7e9273\"\/>\n                <stop offset=\"100%\" stop-color=\"#3f5640\"\/>\n              <\/linearGradient>\n              <linearGradient id=\"pinkVar\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n                <stop offset=\"0%\" stop-color=\"#f6dce0\"\/>\n                <stop offset=\"55%\" stop-color=\"#dc9ba6\"\/>\n                <stop offset=\"100%\" stop-color=\"#b97884\"\/>\n              <\/linearGradient>\n              <clipPath id=\"clipLeaf\">\n                <path d=\"M299 58C230 87 146 130 99 207 48 292 58 398 129 475c66 73 146 119 170 164 23-45 104-91 170-164 71-77 80-183 29-268C451 130 367 87 299 58Z\"\/>\n              <\/clipPath>\n            <\/defs>\n\n            <path d=\"M299 58C230 87 146 130 99 207 48 292 58 398 129 475c66 73 146 119 170 164 23-45 104-91 170-164 71-77 80-183 29-268C451 130 367 87 299 58Z\"\n                  fill=\"url(#leafBase)\" stroke=\"#354638\" stroke-width=\"9\"\/>\n\n            <g clip-path=\"url(#clipLeaf)\">\n              <path d=\"M292 63C263 132 262 224 277 302c17 89 8 183 22 325\"\n                    fill=\"none\" stroke=\"#d4dccf\" stroke-width=\"13\" opacity=\".8\"\/>\n              <path d=\"M298 135C242 158 179 202 135 259\" fill=\"none\" stroke=\"#cbd5c7\" stroke-width=\"8\" opacity=\".62\"\/>\n              <path d=\"M303 171C361 188 421 224 464 277\" fill=\"none\" stroke=\"#cbd5c7\" stroke-width=\"8\" opacity=\".62\"\/>\n              <path d=\"M292 247C220 272 162 317 121 372\" fill=\"none\" stroke=\"#cbd5c7\" stroke-width=\"7\" opacity=\".52\"\/>\n              <path d=\"M304 285C374 308 431 346 476 399\" fill=\"none\" stroke=\"#cbd5c7\" stroke-width=\"7\" opacity=\".52\"\/>\n              <path d=\"M294 375C236 400 191 431 153 472\" fill=\"none\" stroke=\"#cbd5c7\" stroke-width=\"6\" opacity=\".45\"\/>\n              <path d=\"M306 407C357 425 400 451 438 489\" fill=\"none\" stroke=\"#cbd5c7\" stroke-width=\"6\" opacity=\".45\"\/>\n\n              <path d=\"M82 180C145 132 211 114 269 98c-24 44-35 83-33 119-58-7-111 13-154 51-17-33-17-62 0-88Z\"\n                    fill=\"url(#pinkVar)\" opacity=\".93\"\/>\n              <path d=\"M321 67c47 19 102 53 148 104-33 7-65 22-94 48-21-37-36-84-54-152Z\"\n                    fill=\"#efd2d5\" opacity=\".93\"\/>\n              <path d=\"M311 256c53-25 113-20 170 15-28 19-44 48-50 88-45-24-81-55-120-103Z\"\n                    fill=\"#d99ca5\" opacity=\".88\"\/>\n              <path d=\"M111 373c39-14 85-11 136 8-19 38-18 74 0 108-55-5-95-27-136-60-13-21-13-39 0-56Z\"\n                    fill=\"#f0d5d7\" opacity=\".92\"\/>\n              <path d=\"M318 465c43 5 84 23 123 56-29 25-61 49-96 72-14-41-23-83-27-128Z\"\n                    fill=\"#c98690\" opacity=\".88\"\/>\n            <\/g>\n          <\/svg>\n\n          <div class=\"bubble one\"><strong>Bestseller-Idee<\/strong>Self-Watering Pots<\/div>\n          <div class=\"bubble two\"><strong>Alocasia love<\/strong>Polly \u2022 Frydek \u2022 Variegata<\/div>\n          <div class=\"bubble three\"><strong>Plantsyra Studio<\/strong>custom 3D plant tools<\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <div class=\"marquee\" aria-hidden=\"true\">\n      <div class=\"marquee-track\">\n        <span>PLANTSYRA<\/span><b>\u2726<\/b><span>SHOP<\/span><b>\u2726<\/b><span>ALOCASIA<\/span><b>\u2726<\/b>\n        <span>HYDRO<\/span><b>\u2726<\/b><span>PON<\/span><b>\u2726<\/b><span>3D PRINTED<\/span><b>\u2726<\/b>\n        <span>VARIEGATED<\/span><b>\u2726<\/b><span>PLANT TOOLS<\/span><b>\u2726<\/b>\n        <span>PLANTSYRA<\/span><b>\u2726<\/b><span>SHOP<\/span><b>\u2726<\/b><span>ALOCASIA<\/span><b>\u2726<\/b>\n        <span>HYDRO<\/span><b>\u2726<\/b><span>PON<\/span><b>\u2726<\/b><span>3D PRINTED<\/span><b>\u2726<\/b>\n        <span>VARIEGATED<\/span><b>\u2726<\/b><span>PLANT TOOLS<\/span><b>\u2726<\/b>\n      <\/div>\n    <\/div>\n\n    <!-- SHOP CATEGORIES -->\n    <section class=\"section\" id=\"shop\">\n      <div class=\"shell\">\n        <div class=\"kicker\" data-reveal>Shop Plantsyra<\/div>\n        <h2 class=\"title\" data-reveal>Alles, was dein Pflanzen-Setup sch\u00f6ner und cleverer macht.<\/h2>\n        <p class=\"copy\" data-reveal>\n          Hier kannst du sp\u00e4ter deine echten Shop-Kategorien verlinken. Die Bereiche\n          sind bewusst schon wie ein kleiner Onlineshop aufgebaut.\n        <\/p>\n\n        <div class=\"category-grid\">\n          <a href=\"#\" class=\"category\" data-reveal>\n            <span class=\"category-orb\"><\/span>\n            <span class=\"category-arrow\">\u2197<\/span>\n            <small>Shop<\/small>\n            <h3>Hydro & T\u00f6pfe<\/h3>\n            <p>Selbstbew\u00e4sserung, Innent\u00f6pfe, Reservoirs & Zubeh\u00f6r.<\/p>\n          <\/a>\n\n          <a href=\"#\" class=\"category\" data-reveal>\n            <span class=\"category-orb\"><\/span>\n            <span class=\"category-arrow\">\u2197<\/span>\n            <small>Shop<\/small>\n            <h3>3D Plant Tools<\/h3>\n            <p>Clips, Halterungen, Adapter und kleine Sonderl\u00f6sungen.<\/p>\n          <\/a>\n\n          <a href=\"#\" class=\"category\" data-reveal>\n            <span class=\"category-orb\"><\/span>\n            <span class=\"category-arrow\">\u2197<\/span>\n            <small>Shop<\/small>\n            <h3>Moosst\u00e4be & Rankhilfen<\/h3>\n            <p>Flach, platzsparend und an Pflanze und Topf angepasst.<\/p>\n          <\/a>\n\n          <a href=\"#\" class=\"category\" data-reveal>\n            <span class=\"category-orb\"><\/span>\n            <span class=\"category-arrow\">\u2197<\/span>\n            <small>Shop<\/small>\n            <h3>Vitrinen-Zubeh\u00f6r<\/h3>\n            <p>Halter, Kabelideen, L\u00fcfter-L\u00f6sungen und mehr.<\/p>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- FEATURED PRODUCTS -->\n    <section class=\"section\" style=\"padding-top:20px;\">\n      <div class=\"shell\">\n        <div class=\"products-head\">\n          <div>\n            <div class=\"kicker\" data-reveal>Neu & beliebt<\/div>\n            <h2 class=\"title\" style=\"font-size:clamp(2.2rem,5vw,4.6rem);\" data-reveal>Plantsyra Picks<\/h2>\n          <\/div>\n          <a href=\"#\" class=\"btn btn-soft\" data-reveal>Alle Produkte ansehen \u2192<\/a>\n        <\/div>\n\n        <div class=\"products-grid\">\n          <article class=\"product\" data-reveal>\n            <div class=\"product-media\">\n              <span class=\"badge pink\">Neu<\/span>\n              <span class=\"heart\">\u2661<\/span>\n            <\/div>\n            <div class=\"product-body\">\n              <div class=\"product-title\">\n                <h3>Self-Watering Pot Mini<\/h3>\n                <span class=\"price\">ab 8,90 \u20ac<\/span>\n              <\/div>\n              <p>Platzhalter f\u00fcr deinen ersten kleinen Hydrotopf.<\/p>\n              <a href=\"#\" class=\"product-add\">Produkt ansehen<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"product\" data-reveal>\n            <div class=\"product-media\">\n              <span class=\"badge green\">Bestseller<\/span>\n              <span class=\"heart\">\u2661<\/span>\n            <\/div>\n            <div class=\"product-body\">\n              <div class=\"product-title\">\n                <h3>Flat Moss Pole Clip<\/h3>\n                <span class=\"price\">ab 4,90 \u20ac<\/span>\n              <\/div>\n              <p>Flache Befestigung f\u00fcr platzsparende Moosstab-Systeme.<\/p>\n              <a href=\"#\" class=\"product-add\">Produkt ansehen<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"product\" data-reveal>\n            <div class=\"product-media\">\n              <span class=\"badge\">Studio<\/span>\n              <span class=\"heart\">\u2661<\/span>\n            <\/div>\n            <div class=\"product-body\">\n              <div class=\"product-title\">\n                <h3>Vitrinen Fan Mount<\/h3>\n                <span class=\"price\">ab 6,90 \u20ac<\/span>\n              <\/div>\n              <p>Platzhalter f\u00fcr L\u00fcfterhalterung \/ Magnet-Setup.<\/p>\n              <a href=\"#\" class=\"product-add\">Produkt ansehen<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"product\" data-reveal>\n            <div class=\"product-media\">\n              <span class=\"badge pink\">Limited<\/span>\n              <span class=\"heart\">\u2661<\/span>\n            <\/div>\n            <div class=\"product-body\">\n              <div class=\"product-title\">\n                <h3>Plantsyra Pot Pink<\/h3>\n                <span class=\"price\">ab 12,90 \u20ac<\/span>\n              <\/div>\n              <p>Platzhalter f\u00fcr farbige PETG- oder Design-T\u00f6pfe.<\/p>\n              <a href=\"#\" class=\"product-add\">Produkt ansehen<\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ABOUT -->\n    <section class=\"section\" id=\"about\">\n      <div class=\"shell about-grid\">\n        <div data-reveal>\n          <div class=\"kicker\">Was ist Plantsyra?<\/div>\n          <div class=\"big-no\">01<\/div>\n        <\/div>\n\n        <div data-reveal>\n          <p class=\"quote\">\n            F\u00fcr alle, die Pflanzen nicht nur besitzen \u2013\n            sondern <em>mit ihnen t\u00fcfteln.<\/em>\n          <\/p>\n          <p class=\"about-text\">\n            Plantsyra ist aus meiner eigenen Pflanzensammlung entstanden: aus der\n            Liebe zu variegierten Pflanzen, Alocasien und dem Wunsch, Pflanzenpflege\n            sch\u00f6ner, sauberer und praktischer zu machen. Deshalb geht es hier nicht\n            nur ums Kaufen, sondern auch ums Verstehen, Testen und Verbessern.\n          <\/p>\n          <div class=\"about-pills\">\n            <span>Alocasia<\/span>\n            <span>Monstera<\/span>\n            <span>Variegated<\/span>\n            <span>PON<\/span>\n            <span>Hydro<\/span>\n            <span>Perlite<\/span>\n            <span>Moos<\/span>\n            <span>3D-Druck<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 3D FEATURE -->\n    <section class=\"section\" id=\"studio\">\n      <div class=\"shell\">\n        <div class=\"feature\" data-reveal>\n          <div class=\"feature-grid\">\n            <div class=\"feature-copy\">\n              <div>\n                <div class=\"kicker\" style=\"color:#c3cfbc;\">Plantsyra Studio<\/div>\n                <h2>\n                  Von \u201edas m\u00fcsste es doch geben\u201c zu\n                  <em>selbst gemacht.<\/em>\n                <\/h2>\n                <p>\n                  Genau hier trifft Pflanzenhobby auf 3D-Druck. Wenn Standardl\u00f6sungen\n                  nicht passen, entstehen eigene Ideen \u2013 passend zum Topf, zur Vitrine\n                  oder direkt zur Pflanze.\n                <\/p>\n\n                <div class=\"tags\">\n                  <span class=\"tag\">Self-Watering<\/span>\n                  <span class=\"tag\">Moosstab-Systeme<\/span>\n                  <span class=\"tag\">Topf-Adapter<\/span>\n                  <span class=\"tag\">Vitrinen-Zubeh\u00f6r<\/span>\n                  <span class=\"tag\">PETG<\/span>\n                  <span class=\"tag\">Custom Sizes<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"actions\">\n                <a class=\"btn\" style=\"background:#f7f4ef;color:#232323;\" href=\"#\">Studio entdecken \u2197<\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"photo\">\n              <div class=\"photo-label\">\n                <strong>Dein echtes Foto hier<\/strong>\n                z. B. Hydrotopf + variegierte Alocasia,<br>\n                deine Vitrine oder dein 3D-Druck-Setup.\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- JOURNAL -->\n    <section class=\"section\" id=\"journal\">\n      <div class=\"shell\">\n        <div class=\"kicker\" data-reveal>Plantsyra Journal<\/div>\n        <h2 class=\"title\" data-reveal>Nicht nur Shop. Auch echter Pflanzenalltag.<\/h2>\n        <p class=\"copy\" data-reveal>\n          Dieser Bereich macht Plantsyra pers\u00f6nlicher: Fortschritte, Rhizome,\n          Umtopf-Aktionen, Hydro-Tests, neue Prints und kleine Learnings k\u00f6nnen hier\n          wie Magazinbeitr\u00e4ge oder Instagram-Posts erscheinen.\n        <\/p>\n\n        <div class=\"post-grid\">\n          <a href=\"#\" class=\"post\" data-reveal>\n            <span class=\"post-blob\"><\/span>\n            <small>Alocasia Diary<\/small>\n            <h3>Wie ich meine Pflanzen Schritt f\u00fcr Schritt auf PON umstelle<\/h3>\n            <p>Platzhalter f\u00fcr einen Blog-\/Journal-Beitrag.<\/p>\n          <\/a>\n\n          <a href=\"#\" class=\"post\" data-reveal>\n            <span class=\"post-blob\"><\/span>\n            <small>3D Print Lab<\/small>\n            <h3>Wenn der erste Topf nicht dicht ist<\/h3>\n            <p>Tests, Fehler und bessere Versionen.<\/p>\n          <\/a>\n\n          <a href=\"#\" class=\"post\" data-reveal>\n            <span class=\"post-blob\"><\/span>\n            <small>Plant Story<\/small>\n            <h3>Warum variegierte Pflanzen so faszinieren<\/h3>\n            <p>Pers\u00f6nlich, sch\u00f6n und informativ.<\/p>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- CTA -->\n    <section class=\"cta\">\n      <div class=\"shell\">\n        <div class=\"cta-box\" data-reveal>\n          <span class=\"cta-orb one\"><\/span>\n          <span class=\"cta-orb two\"><\/span>\n\n          <h2>Grow different. Make it yours.<\/h2>\n          <p>\n            Plantsyra w\u00e4chst gerade erst los. Entdecke neue Pflanzenideen,\n            Hydro-Setups, 3D-Druck-Projekte und sp\u00e4ter deine Lieblingsprodukte im Shop.\n          <\/p>\n\n          <div class=\"actions\">\n            <a class=\"btn btn-primary\" href=\"#shop\">Zum Shop \u2192<\/a>\n            <a class=\"btn btn-soft\" href=\"#\">Auf Instagram folgen \u2197<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n<script>\n    (() => {\n      const reveal = document.querySelectorAll('[data-reveal]');\n\n      if ('IntersectionObserver' in window) {\n        const obs = new IntersectionObserver(entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('visible');\n              obs.unobserve(entry.target);\n            }\n          });\n        }, {threshold:.12});\n\n        reveal.forEach((el,i) => {\n          el.style.transitionDelay = `${Math.min(i % 4,3) * 80}ms`;\n          obs.observe(el);\n        });\n      } else {\n        reveal.forEach(el => el.classList.add('visible'));\n      }\nconst leaf = document.querySelector('.leaf');\n      const art = document.querySelector('.hero-art');\n\n      if (leaf && art && window.matchMedia('(pointer:fine)').matches) {\n        art.addEventListener('mousemove', e => {\n          const r = art.getBoundingClientRect();\n          const x = (e.clientX-r.left)\/r.width-.5;\n          const y = (e.clientY-r.top)\/r.height-.5;\n          leaf.style.marginLeft = `${x*8}px`;\n          leaf.style.marginTop = `${y*8}px`;\n        });\n        art.addEventListener('mouseleave',() => {\n          leaf.style.marginLeft='0px';\n          leaf.style.marginTop='0px';\n        });\n      }\n    })();\n  <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f6a3b6 e-con-full e-flex e-con e-parent\" data-id=\"1f6a3b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff428ef elementor-widget elementor-widget-html\" data-id=\"ff428ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PLANTSYRA FOOTER \u2013 KOMPAKT PLUS \/ PC + MOBILE -->\n<style>\n:root{\n  --ps-ink:#232323;\n  --ps-sage:#62745b;\n  --ps-pink:#dc9eaa;\n  --ps-peach:#f0b792;\n  --ps-butter:#f3d789;\n  --ps-mint:#c8dfcc;\n  --ps-lilac:#c8b4d8;\n}\n\n.plantsyra-footer,\n.plantsyra-footer *{box-sizing:border-box;}\n\n.plantsyra-footer{\n  width:100%;\n  margin:30px 0 0;\n  padding:0 10px 10px;\n  font-family:Inter,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\n  color:var(--ps-ink);\n}\n\n.plantsyra-footer a{\n  color:inherit;\n  text-decoration:none!important;\n}\n\n.plantsyra-footer .footer-card{\n  position:relative;\n  overflow:hidden;\n  width:100%;\n  padding:34px 34px 19px;\n  border-radius:30px;\n  border:1px solid rgba(255,255,255,.82);\n  background:linear-gradient(90deg,\n    rgba(244,205,212,.96),\n    rgba(248,220,198,.96),\n    rgba(246,229,164,.96),\n    rgba(215,234,218,.96),\n    rgba(223,207,237,.96),\n    rgba(244,205,212,.96)\n  );\n  background-size:300% 100%;\n  animation:psFooterGradient 16s linear infinite;\n  box-shadow:0 18px 46px rgba(58,48,43,.10);\n}\n\n.plantsyra-footer .footer-main{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:1.45fr .75fr .75fr;\n  gap:48px;\n  align-items:start;\n}\n\n.plantsyra-footer .brand-wrap{\n  max-width:430px;\n}\n\n.plantsyra-footer .footer-logo{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  font-size:1.3rem;\n  font-weight:950;\n  letter-spacing:-.045em;\n}\n\n.plantsyra-footer .logo-mark{\n  width:31px;height:31px;\n  display:grid;place-items:center;\n  border-radius:50%;\n  color:#fff;\n  background:linear-gradient(135deg,var(--ps-sage),#879d7d);\n  box-shadow:0 6px 14px rgba(98,116,91,.18);\n}\n\n.plantsyra-footer .logo-mark svg{width:18px;height:18px;}\n\n.plantsyra-footer .tagline{\n  margin:10px 0 0;\n  max-width:390px;\n  color:#575c56;\n  font-size:.84rem;\n  line-height:1.6;\n}\n\n.plantsyra-footer .mini-title{\n  margin:4px 0 12px;\n  color:#50554f;\n  font-size:.68rem;\n  font-weight:900;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n.plantsyra-footer .footer-links{\n  display:flex;\n  flex-direction:column;\n  gap:9px;\n  color:#555a54;\n  font-size:.8rem;\n  font-weight:700;\n}\n\n.plantsyra-footer .footer-links a{\n  width:max-content;\n  max-width:100%;\n  transition:transform .2s ease,color .2s ease;\n}\n\n.plantsyra-footer .footer-links a:hover{\n  color:#000;\n  transform:translateX(3px);\n}\n\n.plantsyra-footer .footer-bottom{\n  position:relative;\n  z-index:2;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:18px;\n  margin-top:25px;\n  padding-top:15px;\n  border-top:1px solid rgba(35,35,35,.10);\n  color:#656a63;\n  font-size:.7rem;\n}\n\n.plantsyra-footer .legal,\n.plantsyra-footer .social{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  flex-wrap:wrap;\n}\n\n.plantsyra-footer .social a{font-weight:800;}\n\n@keyframes psFooterGradient{\n  0%{background-position:0% 50%}\n  100%{background-position:300% 50%}\n}\n\n@media(max-width:800px){\n  .plantsyra-footer .footer-main{\n    grid-template-columns:1.3fr 1fr 1fr;\n    gap:24px;\n  }\n}\n\n@media(max-width:640px){\n  .plantsyra-footer{\n    margin-top:22px;\n    padding:0 7px 7px;\n  }\n\n  .plantsyra-footer .footer-card{\n    padding:26px 19px 16px;\n    border-radius:24px;\n  }\n\n  .plantsyra-footer .footer-main{\n    grid-template-columns:1fr 1fr;\n    gap:25px 18px;\n  }\n\n  .plantsyra-footer .brand-wrap{\n    grid-column:1\/-1;\n    max-width:100%;\n  }\n\n  .plantsyra-footer .tagline{\n    max-width:330px;\n    font-size:.81rem;\n  }\n\n  .plantsyra-footer .mini-title{\n    margin-bottom:10px;\n  }\n\n  .plantsyra-footer .footer-links{\n    gap:8px;\n    font-size:.78rem;\n  }\n\n  .plantsyra-footer .footer-bottom{\n    flex-direction:column;\n    align-items:flex-start;\n    gap:10px;\n    margin-top:22px;\n    padding-top:13px;\n  }\n\n  .plantsyra-footer .legal,\n  .plantsyra-footer .social{\n    gap:9px 13px;\n  }\n}\n\n@media(max-width:380px){\n  .plantsyra-footer .footer-card{\n    padding-left:15px;\n    padding-right:15px;\n  }\n\n  .plantsyra-footer .footer-main{\n    gap:23px 13px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .plantsyra-footer .footer-card{animation:none!important;}\n}\n<\/style>\n\n<footer class=\"plantsyra-footer\">\n  <div class=\"footer-card\">\n\n    <div class=\"footer-main\">\n\n      <div class=\"brand-wrap\">\n        <a href=\"\/\" class=\"footer-logo\">\n          <span class=\"logo-mark\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M18.7 4.8C12.7 5.4 8.3 8.2 6.3 12.2c-1.2 2.3-.8 4.6.8 5.9 1.7 1.4 4.4 1.1 6.4-.5 3.7-2.9 4.6-7.8 5.2-12.8Z\" fill=\"currentColor\"\/>\n              <path d=\"M6.2 18.7c2.7-4.6 5.8-7.3 9.4-9.4\" stroke=\"#fff\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/span>\n          plantsyra\n        <\/a>\n\n        <p class=\"tagline\">\n          Pflanzenliebe, Hydro & clevere 3D-Druck-Ideen f\u00fcr besondere\n          Pflanzen-Setups. Entdecken, ausprobieren und gemeinsam wachsen. \ud83c\udf3f\n        <\/p>\n      <\/div>\n\n      <div>\n        <div class=\"mini-title\">Entdecken<\/div>\n        <nav class=\"footer-links\" aria-label=\"Plantsyra Navigation\">\n          <a href=\"#\">Shop<\/a>\n          <a href=\"#\">3D & DIY<\/a>\n          <a href=\"#\">Journal<\/a>\n          <a href=\"#\">\u00dcber Plantsyra<\/a>\n        <\/nav>\n      <\/div>\n\n      <div>\n        <div class=\"mini-title\">Mehr<\/div>\n        <nav class=\"footer-links\" aria-label=\"Weitere Links\">\n          <a href=\"#\">Kontakt<\/a>\n          <a href=\"#\">FAQ<\/a>\n          <a href=\"#\">Instagram \u2197<\/a>\n          <a href=\"#\">Versand & Zahlung<\/a>\n        <\/nav>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"footer-bottom\">\n      <div class=\"legal\">\n        <a href=\"#\">Impressum<\/a>\n        <a href=\"#\">Datenschutz<\/a>\n        <a href=\"#\">AGB<\/a>\n        <a href=\"#\">Widerruf<\/a>\n      <\/div>\n\n      <div class=\"social\">\n        <span>\u00a9 <span id=\"plantsyra-year\"><\/span> Plantsyra<\/span>\n        <span>Made with plant love \ud83c\udf31<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  const year = document.getElementById('plantsyra-year');\n  if(year) year.textContent = new Date().getFullYear();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf3f Plantsyra w\u00e4chst gerade los \u2013 neue Designs, Pflanzenideen &#038; Shop coming soon \u2726 PLANTSYRA Shop \u00dcber Plantsyra 3D &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/plantsyra.de\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plantsyra.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plantsyra.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plantsyra.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plantsyra.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":49,"href":"https:\/\/plantsyra.de\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/plantsyra.de\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/plantsyra.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}