/* base.css – Reset + Design Tokens */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; display: block; }

:root{
  /* Farben aus projektdeich/ac.css 1:1 übernommen */
  --blue-900:#004b87; --yellow-500:#ffa500; --red-700:#b22222; --green-700:#228b22;
  --bg-blue:#eef4fb; --bg-yellow:#fffbea; --bg-red:#ffecec; --bg-green:#e7f5ec;
  --gray-100:#f7f7f7; --gray-200:#eee; --gray-300:#ddd; --gray-400:#ccc; --gray-600:#666; --gray-800:#333;
  --white:#fff;

  --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;

  --radius-sm:6px; --radius-md:8px; --radius-lg:12px;
  --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-6:1.5rem; --space-8:2rem;
  --shadow-1:0 1px 2px rgba(0,0,0,.06); --shadow-2:0 4px 10px rgba(0,0,0,.08);
  --container:1100px;

  --brand: #0b5a6b;      /* blaugrün wie projektdeich.de */
  --brand-dark: #094d5b; /* etwas dunkler */
  --page-bg: #f2f6f8;    /* sanftes Hellgrau für die Seite */
}


body{ font-family:var(--font-sans); color:var(--gray-800); line-height:1.45; }

/* Seitenhintergrund wie Vorlage */
body { background: var(--page-bg); }

/* Sticky Footer: Footer bleibt unten, egal wie kurz der Inhalt ist */
html, body { height: 100%; }
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
main { flex: 1; }



.no-scroll { overflow: hidden; }