body{
 font-family:Verdana,sans-serif; 
 font-style:normal; 
 background: MintCream
}
/* Style the header */
header {
  background-color: SeaGreen;
  padding: 30px;
  text-align: center;
  font-size: 400%;
  color: white;
  Margin: 25px;
  Border-Radius: 20px;
}

.batable {
  background: Aquamarine;
  width: 95%;
  border: 2;
}

a{
  border:none;
}
/* unvisited link */
a:link {
  color: OliveDrab;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: DarkOlive;
}
 .button {
      color: blue;
      background-color: #B4DEF8;
      border: 2px solid #B0D8F8;
      padding: 8px 10px;
      width:   95%;
      text-align: left;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
 }
 .button:hover {
      background-color: blue;
      color: #B4DEF8;
 }
 
 [class*="routelist-"] {
     column-count: 1; margin:0px;
 }
 
 @media only screen and (min-width:1500px) {
 .routelist-breit{
     column-count: 3; margin: 20px;
}}