/* HISTORIE - ZEITSTRAHL */
.timeline { line-height: 1.4em; list-style: none; margin: 0px; padding: 0px; width: 100%; }
.timeline-item { padding-left: 40px; position: relative; } /* PADDING ZEITSTRAHL != centered */
.timeline-item:last-child { padding-bottom: 0px; }

.timeline-info { font-size: 14px; letter-spacing: 3px; margin: 0 0 0.5em 0; text-transform: uppercase; white-space: nowrap; } /* DATUM */
.timeline-pic { padding-left: 25px; padding-right: 0px; padding-bottom: 25px; float: right; }
@media (min-width: 992px) {
.timeline-pic { padding-left: 0px; padding-right: 25px; float: left; }
}

.timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; width: 15px; }
.timeline-marker:before { background: #b9b9b9; border: 3px solid transparent; border-radius: 100%; content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 4px; left: 0; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; } /* PUNKT */
.timeline-marker:after { background: #b9b9b9; content: "";	display: block; width: 3px; position: absolute; top: 24px; bottom: 0; left: 6px; } /* LINIE */


.timeline-content { padding-bottom: 40px; }

.period { padding: 0; } /* JAHRESWECHSEL */
.period .timeline-info { display: none; }
.period .timeline-marker:before { background: transparent; content: ""; width: 15px; height: auto; border: none; border-radius: 0; top: 0; bottom: 30px; position: absolute; border-top: 3px solid #b9b9b9; border-bottom: 3px solid #b9b9b9; }
.period .timeline-marker:after { content: ""; height: 32px; top: auto; }
.period .timeline-content { padding: 40px 0px 70px 0px; }
.period h1, .period h2, .period h3, .period span.looksh1, .period span.looksh2, .period span.looksh3 { margin: 0; }

/* TIMELINE SPLIT */
 @media (min-width: 768px) {
.timeline-split .timeline, .timeline-centered .timeline					{ display: table; }
.timeline-split .timeline-item, .timeline-centered .timeline-item		{ display: table-row; padding: 0; }
.timeline-split .timeline-info, .timeline-centered .timeline-info, .timeline-split .timeline-marker, .timeline-centered .timeline-marker, .timeline-split .timeline-content, .timeline-centered .timeline-content, .timeline-split .period .timeline-info, .timeline-centered .period .timeline-info { display: table-cell; vertical-align: top; }
.timeline-split .timeline-marker, .timeline-centered .timeline-marker	{ position: relative; }
.timeline-split .timeline-content, .timeline-centered .timeline-content { padding-left: 30px; }
.timeline-split .timeline-info, .timeline-centered .timeline-info		{ padding-right: 30px; }
.timeline-split .period h1, .timeline-centered .period h1, .timeline-split .period h2, .timeline-centered .period h2, .timeline-split .period h3, .timeline-centered .period h3, .timeline-split .period span.looksh1, .timeline-centered .period span.looksh1, .timeline-split .period span.looksh2, .timeline-centered .period span.looksh2, .timeline-split .period span.looksh3, .timeline-centered .period span.looksh3 { position: relative; left: -45px; }
}

/* TIMELINE CENTERED */
 @media (min-width: 992px) {
.timeline-centered, .timeline-centered .timeline-item, .timeline-centered .timeline-info, .timeline-centered .timeline-marker, .timeline-centered .timeline-content 
																		{ display: block; margin: 0; padding: 0; }
.timeline-centered .timeline-item 										{ padding-bottom: 40px; overflow: hidden; }
.timeline-centered .timeline-marker 									{ position: absolute; left: 50%; margin-left: -7.5px; }
.timeline-centered .timeline-info, .timeline-centered .timeline-content { width: 50%; }
.timeline-centered > .timeline-item:nth-child(odd) .timeline-info 		{ float: left; text-align: right; padding-right: 30px; }
.timeline-centered > .timeline-item:nth-child(odd) .timeline-content 	{ float: right; text-align: left; padding-left: 30px; }
.timeline-centered > .timeline-item:nth-child(odd) .timeline-content .itim .timeline-pic 		{ padding-left: 25px; padding-right: 0px; float: right; }
.timeline-centered > .timeline-item:nth-child(even) .timeline-info 		{ float: right; text-align: left; padding-left: 30px; }
.timeline-centered > .timeline-item:nth-child(even) .timeline-content 	{ float: left; text-align: right; padding-right: 30px; }
.timeline-centered > .timeline-item:nth-child(even) .timeline-content .itim .timeline-pic 		{ padding-left: 0px; padding-right: 25px; float: left; }
.timeline-centered > .timeline-item.period .timeline-content 			{ float: none; padding: 0; width: 100%; text-align: center; }
.timeline-centered .timeline-item.period 								{ padding: 50px 0 90px; }
.timeline-centered .period .timeline-marker:after 						{ height: 30px; bottom: 0; top: auto; }
.timeline-centered .period h1, .timeline-centered .period h2, .timeline-centered .period h3, .timeline-centered .period span.looksh1, .timeline-centered .period span.looksh2, .timeline-centered .period span.looksh3 { left: auto; }
}