@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

:root {
  /* Colors */
  --bg: #ffffff;
  --text: #111111;
  --muted: rgba(0,0,0,0.65);
  --border: rgba(0,0,0,0.10);

  /* Brand / Accent */
  --accent: #5bc793; /* später ändern */
  --accent-contrast: #ffffff;

  /* Header and Footer */
  --header-bg: #ffffff;
  --header-text: #252525;
  --footer-bg: #252525;
  --footer-text: #ffffff;

  /* Typography */
  --font-body: "Poppins", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-heading: "Rajdhani", system-ui, -apple-system, Segoe UI, sans-serif;

  --text-size: 16px;
  --line: 1.6;
}

html { font-size: var(--text-size); }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  line-height: var(--line);
  font-weight: normal;
  overflow-x: clip;
  font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0;
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-weight: normal;
    line-height: normal;
    color: #111111;
    margin: 0
}

h1 {font-size: 50px;
    color: black;
    font-weight: bolder}
h2 {font-size: 22px}
h3 {font-size: 18px}
h4 {font-size: 16px}
h5 {font-size: 14px}
h6 {font-size: 13px}