* {
  margin: 0;
  padding: 0;
}



@font-face {
    font-family: 'icons';
    src:url(//interaktiv.tagesanzeiger.ch/static/semantic/assets/fonts/icons.eot);
    src:url(//interaktiv.tagesanzeiger.ch/static/semantic/assets/fonts/icons.eot?#iefix) format('embedded-opentype'),
         url(//interaktiv.tagesanzeiger.ch/static/semantic/assets/fonts/icons.woff2) format('woff2'),
		url(//interaktiv.tagesanzeiger.ch/static/semantic/assets/fonts/icons.woff) format('woff'),
		url(//interaktiv.tagesanzeiger.ch/static/semantic/assets/fonts/icons.ttf) format('truetype'),
		url(//interaktiv.tagesanzeiger.ch/static/semantic/assets/fonts/icons.svg#icons) format('svg');
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-decoration:inherit;
	text-transform:none
}

/*i.icon{opacity:1;margin:0 .25rem 0 0;width:1.18em;height:1em;*/

body {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	padding: 10px;
	background: #fff;
}

body.mobile {
	font-size: 17px;
}

#wrapper {
	width: 100% !important;
}

h1 {
	font-family: "Benton Sans Cond Black";
	font-size: 18px;
	color: #333333;
	padding-bottom: 20px;
}

.month {
	text-align: center;
	width: 100%;
	font-size: 42px;
	margin-bottom: 42px;
}

.month {
  text-align: center;
}
.month span {
  display: inline-block;
  position: relative;
}
.month span:before,
.month span:after {
  content: "";
  position: absolute;
  height: 13px;
  border-bottom: 1px solid #ccc;
  top: 0;
  width: 200px;
}
.month span:before {
  right: 100%;
  margin-right: 16px;
}
.month span:after {
  left: 100%;
  margin-left: 16px;
}


.month:not(:first-child) {
	margin-top: 82px;
}

.month:after {
    background-position: left 1em top 50%;
}

.person .pic, .person .title {
	cursor: pointer;
}

.person {
	margin-bottom: 40px;
}

.person .title.over {
	background: #333;
	color: #fff;
}

.person .pic img {
	width: 100%;
}

.person .title {
	background: #ddd;
	height: 50px;
	width: 100%;
	text-align: center;
	margin-top: -3px;
	display: table;
	font-family: "Benton Sans Cond Black";
	font-size: 18px;
}

.person .title div {
	color: #007abf;
	display: table-cell;
	vertical-align: middle;
}

.person .title div:before {
	font-family: "icons", "Benton Sans Cond Black";
    content: "\F078";
    padding-right: 10px;
}

.person .title.over div {
	color: #fff;
}

.person .title .icon {
	 background-image: url('../images/arrow.png');
	  background-position: left center;
	  background-repeat: no-repeat;
	  padding-left: 40px; /* Adjust according to image size to push text across. */
	  width: 40px;
	  height: 40px;
}

.person .text-container {
	padding: 20px 10px;
	background: #333;
	display: none;
	color: #fff;
	position: relative;
	border-top: 1px solid #ddd;
}

.person .text-container p {
	padding: 6px 0;
}

.person .text-container h2 {
	font-family: "Benton Sans Cond";
	font-size: 28px;
}

.person .text-container .dates {
	padding: 4px 0 12px 0;
	font-size: 16px;
}

.person .text-container p a {
	color: #007abf;
	text-decoration: none;
	font-size: 16px;
}

.person .text-container p a:hover span {
	text-decoration: underline;
}

.person .text-container p a span {
	background: #E0E1E2;
	padding: 12px 12px;
	font-family: "icons", "Benton Sans Cond Black";
	border-radius: 2px;
}


.person .text-container p.story-link {
	margin-top: 34px;
	margin-bottom: 10px;
	text-align: center;
}

.person .text-container p a span:before {
	content: "\f08e";
	padding-right: 16px;
	text-decoration: none;
}


.person .text-container .closer {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
}