body {
   margin: 0; /* Standardmargen löschen */
   font-family: Arial, sans-serif;
   }

   .header {
   background-color: #333;
   color: white;
   padding: 20px;
   text-align: center;
   }

   .sidebar {
   float: left;
   width: 250px;
   height: 100vh; /* Full height */
   background-color: #f1f1f1;
   padding: 20px;
   }


   .main {
   /*width: 100%; */
   padding: 20px;
   }


   .footer {
   background-color: #333;
   color: white;
   padding: 20px;
   text-align: center;
   clear: both; /* Löscht float */
   }

   table, th, td {
  border-collapse: collapse;
  padding: .3em .5em;
}

table {
 margin-left: 1em;}

th, caption {
  background-color: #666;
  color: #fff;
  border: thin solid #666;
}

td {
 background-image: linear-gradient(#f9f9f9, #e3e3e3);
 border-left: thin solid #666;
 border-right: thin solid #666;
}

tfoot {
  border-bottom: thin solid #666;
}

caption {
  font-size: 1.5em;
  border-radius: .5em .5em 0 0;
  padding: .5em 0 0 0
}

/* 3. und 4. Spalte rechtsbündig */
td:nth-of-type(3), td:nth-of-type(4) {
  text-align: right;
}