body {

  background-color: #000000;
  color: #996600;

  margin: 64px 0px 0px 0px;

}



body, table {

  font: 11px Verdana, Helvetica, Arial, sans-serif;

  font-weight: normal;
  line-height: 180%;

}



a {

  color: #996600;
  font-weight: normal;
  text-transform: none;
}



a:link, a:visited, a:active {

  color: #996600;
  text-decoration: none;

}



a:hover {

  color: #663300;

  text-decoration: none;
}

.scroll-container {
  height: 400px;
  width: 450px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#iframe_touch {
  height: 400px;
  width: 450px;
  border: none;
}

/*New-link-style*/
.body-dates a {
  color: #b5904b;
  text-decoration: underline;
}


.body-dates a:link {
  color: #CCAA66;
  text-decoration: underline;
}

.body-dates a:visited {
  color: #AA8844;
  /* Etwas gedämpfter für besuchte Links */
  text-decoration: underline;
}

.body-dates a:hover {
  color: white;
  /* Heller beim Hover */
  text-decoration: none;
  background-color: #956405;
  /* Subtiler Hover-Hintergrund - typisch 2010er */
  padding: 1px 3px;
  /* Kleiner Padding für den Hover-Effekt */
  border-radius: 3px;
}

.body-dates a:active {
  color: #FFCC00;
  /* Aktiver Zustand */
  text-decoration: underline;
}

.scroll-container {
  height: 400px;
  width: 450px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.dates-menu a:hover {
  padding: 0;
  background-color: black;
}

.body-dates p {
  padding-bottom: 0.3rem
}

.body-dates p:last-of-type {
  padding-bottom: 2rem
}