style(website): declutter background and polish stacked hero on small screens

- thin out bamboo/leaf/firefly decor in tiers (<=1440 / <=1024 / <=768px)
  so nothing moves behind the text column and copy stays readable
- center the single-column hero below 1024px (text, koala, CTAs, trust
  line) and let the odd CTA button span the full grid row
- remove the periodic wind gusts; keep the constant gentle bamboo sway
- reword the German demo CTA to "Live-Demo ansehen"

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Timo
2026-07-12 10:59:00 +02:00
parent 3ce64b8c41
commit fdf20b6bf6
4 changed files with 78 additions and 46 deletions
+1 -1
View File
@@ -24,7 +24,7 @@
"DEMO_JOINED": "Raum beigetreten",
"DEMO_TAB_SELECTED": "Tab ausgewählt",
"DEMO_SELECT_PLACEHOLDER": "Video-Tab wählen…",
"MOBILE_DEMO_CTA": "So funktioniert's ansehen",
"MOBILE_DEMO_CTA": "Live-Demo ansehen",
"MOBILE_DEMO_TITLE": "KoalaSync Live-Demo",
"MOBILE_DEMO_CLOSE": "Demo schließen",
"ADD_TO_CHROME": "Zu Chrome hinzufügen",