/* ==========================================================
   BASE: Variablen
   Globale Grundwerte für die gesamte Website
   ========================================================== */

:root {
  /* Farben */
  --color-text-main: #222;
  --color-link: #007acc;
  --color-link-hover: #005b99;

  /* Hintergründe */
  --page-background: linear-gradient(to bottom right, #f8f9fa, #dcdfe3);

  /* Schatten */
  --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 6px 16px rgba(0, 0, 0, 0.08);

  /* Rundungen */
  --radius-small: 5px;
  --radius-medium: 8px;
  --radius-large: 10px;
  --radius-xl: 12px;

  /* Standardbreiten */
  --content-width: 1600px;
  --text-width: 108ch;

  /* Cookie Banner */
  --cookie-banner-height: 130px;
}

@media (max-width: 600px) {
  :root {
    --cookie-banner-height: 190px;
  }
}