/*Setzen Sie CSS-Festlegungen so sparsam wie möglich.
Legen Sie im Zweifelsfall lieber Einzeleigenschaften anstelle der „shorthand“-Eigenschaften fest.*/


/* Klassenselektoren . Mit dem Attribut class wird einem Element einen bestimmten Style zugewiesen. Man kann allgemeine Klassen 
oder elementspezifische Klassen erstellen. In der CSS-Syntax wird ein Punkt vor den Namen der Klasse gesetzt.

.blau { color:blue; } kann jedem Elementen zugewiesen werden
<p class="blau"> dieser Text wird blau </p>
h2.rot { color:red; } ist nur für das Element h2
<h2 class="rot"> rote Überschrift </h2>*/

/*ID-Selektoren # für konkrete Elemente mit Attribut ID: Mit dem Attribut ID wird einem Element einen Bezeichner zugewiesen. 
ID's werden nur einmal vergeben. Sie sind universell. ID-Selektoren wird das Rauten-Zeichen # vorangestellt. 
ID-Namen sind frei wählbar, dürfen aber nicht mit einer Zahl beginnen.
<div id="logo"> LOGO IMAGE </div>
#logo { background-color: green; }*/

/* * Universalselektor für alle Elmente*/



/*Übergreifende Elemente*/



* {
  box-sizing: border-box;  /*Für Box-Größe wird das Padding mitgezählt-> alle Boxen sind gleich groß*/
}


img {
	max-width: 100%;
}

#improvetable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background-color: white;
  margin-top: 6px;
}

#improvetable td, #improvetable th {
  border: 1px solid #ddd;
  padding: 8px;
}


#improvetable tr:nth-child(even){background-color: #f2f2f2;}

#improvetable tr:hover {background-color: #ddd;}

#improvetable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #a9aeb6;
  color: white;
}