/* General */
body {
  font-family: Calibri;
  background-color: #83ab8f;/*Hintergrundfarbe abgeschwächtes grün*/
  font-size: clamp(1em, 2.8vw, 1.5em);
  font-weight: normal;
}

/* Headings */
h1 { color: black; }
h2 { color: darkblue; }
h3 { color: black; }
h4 { color: black; font-size: clamp(1.1em, 2.5vw, 1.8em); }

/* Titel */
.titel {
  color: darkblue;
  font-weight: bold;
  font-size: clamp(1em, 2.8vw, 1.75em);
  text-align: center;
}

#meinCrashkurs {
  color: darkred;
  font-size: clamp(2.0rem, 3.5vw, 4.1rem);
  font-weight: bold;
  text-align: left;
}

/* Colors */
.green { color: darkgreen; }
.blue  { color: darkblue; }
.red   { color: darkred; }

/* Links */
a:link   { color: black; text-decoration: none; }
a:hover  { color: white; }
a:active { color: red; }
a:visited { color: black; }

/* Table */
.rounded-table td {
  background-color: #83ab8f;
  width: 50%;
  padding: 3px;
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 15px;
  font-weight: normal;
  font-size: clamp(1.5em, 0.33rem + 3.67vw, 2.0em);
}

td:hover {
  background-color: darkgreen;
  color: white;
}

/* Evitar colores diferentes en los enlaces de la tabla */
.rounded-table a {
  color: inherit !important;
  text-decoration: none;
}

/* Para visited (los que ya has abierto) */
a:visited {
  color: black;
}

/* Cuando se hace hover sobre una celda, el texto también se pone blanco */
.rounded-table td:hover a {
  color: inherit !important;
}


/* Images */
img {
  display: block;
  margin: auto;
}