/* Der Body umfasst alle Bereiche der Webseite */
body
{
  background: #CC0066; /* weiß */
  margin: auto;        /* Der gesamte Containerbereich wird im body zentriert, indem margin automatisch angepasst wird */
  padding: 1em;        /* Mit etwas Abstand sieht es schöner aus */
  max-width:1600px;    /* Der gesamte Containerbereich ist maximal 1600 Pixel breit */
  font-family: arial;  /* Schriftart: Arial */
  font-size: 14pt;
}

header
{ 
  font-size: 20pt;
  color: #FFFFFF;
  padding: 1em;
  background: #8B2252;  /* Kivi-Magenta */ 
}

article
{
  padding: 1em;
  background: #D4A4BC;  /* Kivi-Magenta-heller */
}

details
{
  cursor: pointer;
  background: #F6CED8;
  padding: 1em;
}


summary
{
  font-weight: bold;
  cursor: pointer;
}

.autor
{
  font-size: 8pt;
  color: #666666;
}

.bild
{
  width:  96px;
  height: 56px;  
}

h1
{
  font-size: 1.7rem;
}

h2
{
  font-size: 1.4rem;
}

h3
{
  font-size: 1.1rem;
}

.graph
{
  padding: 1rem;
  width: 50%;
  height: auto;
}

.snapshot
{
  padding: 1rem;
  width: 30%;
  height: auto;
}