:root{
  /* Farben */
  --color-blue-dark:#006ba5;
  --color-blue-light:#50b6e2;
  --color-green:#81c100;
  --color-green-soft:#f1f8e6;
  --color-text:#666;
  --color-heading:#333;
  --color-white:#fff;
  --color-bg:#fff;
  --color-bg-soft:#f2f2f2;
  --color-border:#e5e5e5;

  --gradient-brand:linear-gradient(175deg,var(--color-blue-dark) 0%,var(--color-blue-light) 100%);
  --gradient-brand-vertical:linear-gradient(180deg,var(--color-blue-dark) 0%,var(--color-blue-light) 100%);
  --gradient-hero:linear-gradient(180deg,rgba(0,106,164,.6) 0%,rgba(80,182,226,.6) 100%);

  /* Schriften */
  --font-body:"Open Sans",Arial,sans-serif;
  --font-heading:"Barlow",Arial,sans-serif;
  --text-base:15px;
  --text-sm:13px;
  --text-lg:17px;
  --h1:clamp(30px,4vw,44px);
  --h2:clamp(26px,3.4vw,42px);
  --h3:22px;
  --h4:18px;

  /* Abstände und Maße */
  --space-1:.5rem;
  --space-2:1rem;
  --space-3:1.5rem;
  --space-4:2rem;
  --space-5:3rem;
  --space-6:4.5rem;
  --container:1080px;
  --radius:3px;
  --shadow-card:0 10px 30px rgba(0,0,0,.12);
  --header-height:150px;
}