/* ========================
   Bootstrap / Atomik Variablen überschreiben
   ======================== */
:root {
  --bs-font-sans-serif: "Roboto", Arial, sans-serif;
  --bs-body-font-family: "Roboto", Arial, sans-serif;
  --bs-heading-font-family: "Roboto", Arial, sans-serif;
}

/* ========================
   Body Text
   ======================== */
html, body, .theme-atomik {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 400;      /* Regular */
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  color: #000000;        /* Textfarbe */
}

/* ========================
   Überschriften H1–H6
   ======================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 600;      /* SemiBold als Standard */
  font-style: normal;
  line-height: 1.3;
  margin: 1em 0 0.5em;
  color: #000000;
}

h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

/* ========================
   Kursiv / Italic
   ======================== */
em {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 400;
  font-style: italic;
  color: #000000;
}

/* Kursiv in Überschriften */
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,{
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 600;
  font-style: italic;
  color: #000000;
}

/* ========================
   Fett
   ======================== */
strong, b {
  font-weight: 700;      /* Bold */
  font-style: normal;
  color: #000000;
}

/* Fett + kursiv */
strong em,
b em {
  font-weight: 700;
  font-style: italic;
  color: #000000;
}

/* ========================
   Links
   ======================== */
a {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;          /* Linkfarbe */
  text-decoration: underline;
}
a:hover {
  color: #444444;          /* Hover-Farbe */
}

/* ========================
   Buttons
   ======================== */
.btn {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #000000;
}

/* ========================
   Formulareingaben
   ======================== */
input, textarea, select {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
}