@import 'common/subnav.css';
@import 'common/regular-page.css';

.chronik {
  position: relative;
  max-width: 450px;
  padding-top: 40px;
}

main section {
  margin-top: 0;
}

/* timeline */
.chronik::after {
  content: '';
  position: absolute;
  width: 4px;
  background-color: rgb(206, 206, 206);
  top: 0;
  bottom: 90px;
  left: 8px;
}

.ereignis {
  position: relative;
  box-sizing: border-box;
  padding-left: 40px;
  min-height: 100px;
}

/* circles */
.ereignis::after {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: rgb(206, 206, 206);
  position: absolute;
  left: 0;
  top: 2px;
}