.timeline-item:nth-child(even) figure {
  float: right;
  padding-right: 0;
  padding-left: 2rem;
}

/* .timeline-item .image_container img:hover { */
.timeline-item figure img:hover {
  cursor: zoom-in;
}

/* .timeline-item .image_container img { */
.timeline-item figure img {
  border: 4px #fff solid;
  box-shadow: 0 0 5px #aaa;
}

.timeline-item:nth-child(even) h2 {
  text-align: right;
}

.timeline-item:nth-child(even) h2,
.timeline-item:nth-child(even) p {
  float: left;
  padding-left: 0;
  padding-right: 2rem;
}

/* .timeline-item:nth-child(odd) .image_container { */
.timeline-item:nth-child(odd) figure {
  float: left;
  padding-right: 2rem;
  padding-left: 0;
}

.timeline-item:nth-child(odd) h2,
.timeline-item:nth-child(odd) p {
  float: right;
  padding-left: 2rem;
  padding-right: 0;
}

.timeline-item h2,
.timeline-item p,
.timeline-item figure {
  width: 50%;
}

.timeline-item:hover:before {
  background-color: #999999;
}

.timeline-item:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0.3rem;
  width: 1rem;
  height: 1rem;
  border: 2px solid #999999;
  border-radius: 50%;
  background-color: #e6e6e6;
  /*center*/
  margin: 0 auto;
  left: 0;
  right: 0;
}

.timeline-item h2 {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
}

.timeline-item {
  position: relative;
  display: inline-block;
  width: 100%;
  clear: both;
  margin-bottom: 3rem;
  /*width: 50%;*/
  /*float: left;*/
  /*margin-top: -1rem;*/
}

.timeline:after {
  content: "";
  display: table;
  clear: both;
}

.timeline {
  width: 100%;
  max-width: 60rem;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-bottom: 4rem;
  padding-left: 2rem;
  background-image: -webkit-linear-gradient(#999999, #999999);
  background-image: linear-gradient(#999999, #999999);
  background-size: 2px 100%;
  background-position: 50% 1rem;
  background-repeat: no-repeat;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fwww%5C%2Fhtdocs%5C%2Fw01fa5f4%5C%2Fprod53.privatbrauerei-schwerter.de%5C%2Ffiles%5C%2Ftheme_files_q%5C%2Fcss%5C%2Ftimeline.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACI%3BEACA%3BEACA%3B%3B%3BAAEJ%3BAACA%3BEACI%3B%3B%3BAAEJ%3BAACA%3BEACI%3BEACA%3B%3B%3BAAEJ%3BEACI%3B%3B%3BAAEJ%3BAAAA%3BEAEI%3BEACA%3BEACA%3B%3B%3BAAEJ%3BAACA%3BEACI%3BEACA%3BEACA%3B%3B%3BAAEJ%3BAAAA%3BEAEI%3BEACA%3BEACA%3B%3B%3BAAEJ%3BAAAA%3BAAAA%3BEAII%3B%3B%3BAAEJ%3BEACI%3B%3B%3BAAEJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BAACA%3BEACA%3BEACA%3BEACA%3B%3B%3BAAEJ%3BEACI%3BEACA%3BEACA%3B%3B%3BAAEJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BAACA%3BAACA%3BAACA%3B%3B%3BAAEJ%3BEACI%3BEACA%3BEACA%3B%3B%3BAAEJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%22%7D */