.geschichteentry {
	width: 100%;
	height: 250px;
	margin: 0;
	padding: 0;
	position: relative;
}

.geen1 {
  background: #22313F;
}

.geen2 {
  background: #2C3E50;
}

.geschichteentryyear1 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 300px;
}

.geschichteentryyear2 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 300px;
}

.geschichteentrycontent1 {
	position: absolute;
	top: 0;
	left: 320px;
	right: 0;
	bottom: 0;
}

.geschichteentrycontent2 {
	position: absolute;
	top: 0;
	left: 20px;
	right: 300px;
	bottom: 0;
}

.geschichteentrydescription {
	position: absolute;
	top: 50%;
	left: 10px;
	right: 10px;
  transform: translate(0,-50%);
  max-height: 230px;
  overflow-x: auto;
}

.geschichteentrydescription p {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	font-family: "SourceSansPro";
	font-size: 20px;
	color: #FFF;
}

.geschichteentryyear {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #DDD;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.geschichteentryyear h1 {
  font-weight: bold;
  position: absolute;
  font-family: "SourceSansPro";
  font-size: 36px;
  margin: 0;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}