/* Variables */
/* Base */
body {
  /* background: #252827;*/
  background: #009900;

  /*initial green*/
  background: #009900;

  /*white with 70% coverage*/
  color: black;
  /* Alternative free serif Font
  font-family: 'concourse-text';
  line-height: 1.35;
  font-size: 115%;*/

  /*Alte DIN 1451 Mittelschrift*/
  font-family: 'Alte DIN 1451 Mittelschrift';

  /*Preussische IV44 Ausgabe 3; 1906: The Prussian Railway
  font-family: 'PreussischeIV44Ausgabe3';*/

  font-family: "Times New Roman";


  /* Font from 1900 from Otto Hupps
  font-family: 'Neudeutsch';*/

  /*Based on Bauhaus font from 1923
  font-family: 'staatlichesregular';*/
  font-weight: normal;
}
.newfont{
  /*RAL 6008: 1&2 Klasse K.P.St.E. */
  background: #37342a;
  /*RAL 7003: 4 Klasse K.P.St.E. */
  background: #7a7669;

  /*
  KPEV im Technikmuseeum Dresden
  Palette> https://www.colourlovers.com/palette/1823826/frog_skin_2
  */

  background: #3A6945;
  background: #274d30;

  font-family: 'PreussischeIV44Ausgabe3';
  font-family: 'Alte DIN 1451 Mittelschrift';

  font-size: 110%;
  /* font-size: 16px;*/

  /*text color: white with 70% coverage*/
  color: rgba(255, 255, 255, 0.7);

  margin-top: 60px;
  margin: 10px;
}

/* Navigation*/

/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  width: 91px; /* 91+16+16=123 */
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
  background-image: url("imp/menu01.jpg");
}
.topnav a.home {
  background-image: url("imp/menu01.jpg");
}
.topnav a.map {
  background-image: url("imp/menu04.jpg");
}
.topnav a.misc {
  background-image: url("imp/menu03.jpg");
}
.topnav a.still {
  background-image: url("imp/menu02.jpg");
}

a{
  color: inherit;
text-decoration: none;
}
a:link{
  color: #decb37;
}
a:visited{
  color: rgba(0, 0, 0, 0.5);
  color: #CA7D09;
}
a:hover{
  color: rgba(255, 255, 255, 1);
}
a:active{
  color: rgba(255, 255, 255, 1);
}

p {
  font-weight: 300;
  margin: 0;
}
hr.seperator {
  width: 50%;
  /*height: 1px;*/

  color: rgba(255, 255, 255, 0.5);
  /*border-top: 1px solid black*/
}

  /*
a {
  color: #fdfdfd;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  letter-spacing: 0.3em;
  font-size: 0.6em;
  font-weight: 400;
  background: #252727;
  padding: 0.3rem 1rem;
  margin: 1.9rem 0 0 0;
  float: right;
}
a:hover {
  color: white;
  background: #004ffc;
  border-bottom: 0.35em solid black;
}
*/
strong {
  font-weight: 600;
}
h1 {
  /*font-family: 'Neudeutsch';*/
  letter-spacing: 1.0px;
  /*color: white;*/
  font-weight: 400;
  font-size: 45px;
  font-size: 2.4em;
  margin: 0;
}
h2 {
  /*letter-spacing: 1.25px;*/
  /*color: white;*/
  font-weight: 400;
  font-size: 1.8em;
  margin: 0;
}
h3 {
  /*letter-spacing: 1.0px;*/
  font-weight: 400;
  /*font-size: 1.6em;*/
  /*color: white;*/
  margin: 0;
}

img {
  /*min-width: 100px;*/
  max-width: -moz-max-content;
  /*width: 100%;*/
  height: auto;
  border: 2;
  border-color: black;
}

figure {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  width: content;
  margin: 1em auto;
  margin: 0 auto;
  margin-top: 1em;
  /*border: 1px solid rgba(0,0,0,.2);*/
  padding: 1em;
  padding: 0;
}

img {
  display: block;
}

figcaption {
  padding: 0;
  /*Silbentrennung an
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;*/
}

#timeline-content {
  margin-top: 50px;
  text-align: center;
}
/* Timeline */
.timeline {
  /*border-left: 4px solid #990000;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  */
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.8);

  /*font-family: 'Chivo', sans-serif;*/
  margin: 50px auto;
  /*letter-spacing: 0.5px;*/
  position: relative;
  line-height: 1.4em;
  font-size: 1.05em;

  padding: 50px;
  list-style: none;
  text-align: center;
  font-weight: 100;
  width: 80%;
  min-width: 450px;
}
.timeline h1 {
  /*font-family: 'Saira', sans-serif;
  letter-spacing: 1.5px;*/
  font-weight: 100;
  font-size: 1.4em;
}
.timeline h2,
.timeline h3 {
  /*font-family: 'Saira', sans-serif;
  letter-spacing: 1.5px;*/
  font-weight: 400;
  font-size: 1.4em;
}
.timeline .event {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px rgba(255, 255, 255, 0.1);
  padding-bottom: 25px;
  margin-bottom: 50px;
  position: relative;
  margin: 0;
}
/*
.timeline .event:nth-last-of-type(2n) {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
*/
.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}
.timeline .event:before {
  left: -217.5px;
  color: rgba(255, 255, 255, 0.4);
  content: attr(data-date);
  text-align: right;
  font-weight: 100;
  font-size: 0.9em;
  min-width: 120px;
  /*font-family: 'Saira', sans-serif;*/
}
.timeline .event:after {
  /*box-shadow: 0 0 0 4px #990000;
  left: -57.75px;
  background: #DDDDDD;
  border-radius: 50%;*/
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}
.timeline .event-haltepunkt:after {
  box-shadow: 0 0 0 0px #990000;
  left: -57.75px;
  background: #990000;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}
.timeline .event-abzweig:after {
  box-shadow: 0 0 0 0px #990000;
  background: #990000;
  background: url(../img/BSicon_ABZgr.svg);
  background-size: 20px 20px;
  padding: 0; /* reset */
  border-radius: 0%;
  left: -62.00px;
  height: 20px;
  width: 20px;
  /*clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);*/
}