/* =========================================================
   UEBERSCHRIFTEN.CSS
   Alle Überschriften und Überschrift-Elemente

   Farben werden aus farben.css bezogen.
   Verwendet werden ausschließlich „normale“ Farben
   (keine der verbotenen Variablen).
   ========================================================= */

/* =========================================================
   ANCHOR Allgemeine Überschrift
   ========================================================= */

.h-ueberschrift {
  margin: 0 auto;
  color: var(--color-rot);
  font-weight: bold;
  text-align: center;
  background-color: var(--color-greenyellow);
  position: absolute;
  width: 95%;
  height: 60px;
  top: 120px;
  left: 30px;
  border: 1px solid var(--color-schwarz);
  border-radius: 20px;
}

/* =========================================================
   ANCHOR H1
   ========================================================= */

h1 {
  color: var(--color-greenyellow);
  background-color: var(--color-LightYellow);
  width: 90%;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  border-radius: 25px;
}

/* =========================================================
   ANCHOR H2
   ========================================================= */

h2 {
  color: var(--color-schwarz);
  background-color: var(--color-cyan);
  width: 70%;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  border-radius: 25px;
}

/* =========================================================
   ANCHOR H3
   ========================================================= */

h3 {
  color: var(--color-Indigo);
}

/* =========================================================
   ANCHOR H4
   ========================================================= */

h4 {
  color: var(--color-Magenta);
}

/* =========================================================
   ANCHOR Kapitel
   ========================================================= */

.kapitel01,
.kapitel-ueberschrift,
.kapitel {
  padding-left: 1.5%;
  color: var(--color-rot);
  font-weight: bold;
  text-decoration: underline;
}

/* =========================================================
   ANCHOR Kapitel 01
   ========================================================= */

.kapitel01 {
  background-color: var(--color-cyan);
}

/* =========================================================
   ANCHOR Kapitel Überschrift
   ========================================================= */

.kapitel-ueberschrift {
  font-size: larger;
}