/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Jost:wght@500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Jost:wght@700;800&display=swap");

/* Reset + Grundtypografie */
*, *::before, *::after { box-sizing: border-box; }
body, h1, h2, h3, p, ul, ol { margin: 0; padding: 0; }

/* Tokens aus Figma */
:root{
  /* Farben */
  --brand:#436a3f;        /* Primärgrün */
  --brand-900:#061e0b;    /* sehr dunkel */
  --text:#142E1A;         /* Fließtext */
  --text-alt:#1f3633;     /* Sekundärtext */
  --bg:#ffffff;
  --surface:#fefefe;
  --surface-tint:#becfbc;
  --border:#d9d9d9;

  /* Layout */
  --radius:16px;
  --max:1200px;
  --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px;

  /* Typografie */
  --fs-64:4rem;   /* Hero H1 */
  --fs-48:3rem;
  --fs-32:2rem;   /* H2 */
  --fs-24:1.5rem; /* H3 */
  --fs-20:1.25rem;
  --fs-16:1rem;   /* Body */
  --fs-14:.875rem;
}


body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  font-size: var(--fs-16);
  line-height: 1.6;
  color: var(--text);
  background: var(--bg);
}
h1, h2, h3 { font-family: Jost, Inter, system-ui, sans-serif; }

/* Links und Bilder */
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
button { cursor: pointer; }

/* Container */
.container{
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--space-4);
}
.narrow{max-width:800px}