body {
  background-color: #eeeeee;
  background-image: url(../img/hintergrund.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: auto auto;
}

table td a:link { text-decoration: none;}

div#main-canvas {
  background-color: white;
  height: 100%;
  margin-top: 20px;
  box-shadow: 0 0 20px rgba(16,16,16,.13);
  -moz-box-shadow: 0 0 20px rgba(16,16,16,.13);
  -webkit-box-shadow: 0 0 20px rgba(16,16,16,.13);
  border-radius: 20px;
  padding-top: 0px;
}

header{
  color: #eeeeee;
  background-color: #333333;
  padding: 20px;
  box-shadow: 2 2 10px rgba(255,255,255,.5);
  -moz-box-shadow: 2 2 10px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 2 2 10px rgba(255,255,255,.5);
}
@media (min-width: 1024px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}


table.credentials td {
  padding-right: 3px;
  font-size: 14px;
  vertical-align: top;
}

main{
  padding-left: 20px;
  padding-right: 20px;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: rgb(252, 252, 252);
  color: var(--bs-table-striped-color);
}