body{
    text-align: center;
    font-family: Verdana;
    font-size: 10px;
}
#login_form{
    margin-left:auto; 
    margin-right:auto; 
    width:200px; 
    text-align:right; 
    background-color: #eee; 
    border-radius: 10px;
    box-shadow: 5px 5px 5px #333;
    padding: 20px;
    border: 1px solid #ccc;
}
#form_div{
    margin-left:auto; 
    margin-right:auto; 
    width:200px; 
    text-align:right; 
    background-color: #eee; 
    border-radius: 10px;
    box-shadow: 5px 5px 5px #333;
    padding: 20px;
    border: 1px solid #ccc;
}
input, select, textarea {
    padding: 7px;
    border-radius: 10px;
    margin: 5px;
    border: 1px solid #333;
}
input[type="button"], input[type="submit"]{
    box-shadow: 3px 3px 3px #111;
}
input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #3b97f8;
    box-shadow: 3px 3px 3px #111;
}
th{
    box-shadow: 5px 5px 5px #333;
    background-color: #eee;
    border-radius: 5px;
}
td{
    border-bottom: 1px solid #333;
}
tr:nth-child(even) {
    background-color: #f2f2f2;
}
.container {
    display: flex;
    flex-wrap: wrap; /* Aktiviert den Umbruch */
    gap: 30px; /* Abstand zwischen den divs */
  }

  .item {
    width: 300px; /* Feste Breite */
    background-color: #fffebd;
    color: rgb(14, 9, 31);
    font-size: 14px;
    padding: 10px;
    border: 1px solid #333;
    border-radius: 10px;
    box-shadow: 5px 5px 15px #333;
  }
  .item tr {
    background-color: #fffebd !important;
  }