/* ===================================================================== */
/* Reiter                                                                */
/* ===================================================================== */

/* ======================================================= Wrapper um die Reiter  */

div#reiterWrapper1{
  position: relative;
  top: -50px;
  height: 50px;
  /*max-width: 800px;*/
  width: auto;
  overflow-x: auto;
  overflow-y: hidden;
  /*border: 1px solid black;*/
}
div#reiterWrapper2{
  display: inline-block;
  white-space: nowrap; /* unterdrückt Zeilenumbruch des Inhalts (nötig, da Reiter als inline-block definiert sind) */
  /* border: 1px solid red; */
}

/* ======================================================= Allgemeine Reiter-Eigenschaften*/

a.reiter{
  display: inline-block;
  margin-top: 10px;
  padding-left: 14px;
  padding-top: 7px;
  font-size: 14pt;
  transition: 0.2s;
  height: 43px;
  width: 150px;
  margin-left: 10px;
  vertical-align: top;
}

/* ======================================================= Individuelle Reiter-Eigenschaften */

a#GoogleMapsButton{height: 25px; width: 240px; font-size: 10pt;}
a#reiter1{left: 275px;}
a#reiter2{left: 435px;}
a#reiter3{left: 595px; margin-right: 10px;}

/* ======================================================= Aktive/Inaktive Reiter */

a.reiterActive{
  background-color: #FFFFFF;
  color: #AA0000;
  box-shadow: 0px -1px 5px 3px rgba(0,0,0,0.2);
}
a.reiterInactive{
  background-color: #AA0000;
  color: #FFFFFF;
}

/* ======================================================= Hover-Eigenschaften */

a.reiterInactive:hover{
  background-color: #750000;
}
a.reiterInactive:active{
  background-color: #750000;
  color: #cecece;
}