body {background-color:#f8f8f8;
}
#whatever {
  position: fixed;
  bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  right: 0px;
  background-color: #fff;
  border-radius: 25px;
}
h2 {color:#990000; text-align:center;}
.tdleft {text-align:left;
  padding:2px;
}
.tdright {text-align:right;
}
  .kursiv {font-style:italic;/*Das ist eine Kursive Schrift*/}

ul.breadcrumb:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
ul.breadcrumb:hover:before, ul.breadcrumb:focus:before, ul.breadcrumb:active:before {
  right: 0;
}

ul.breadcrumb {
  padding: 1px 16px 3px 1px;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
ul.breadcrumb li {
  display: inline;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
 
}