/* === JQUERY UI === */
.timeline .acc { }
.timeline .acc .header { text-align: left; }

.timeline .ui-accordion .ui-state-focus { outline: 0; }
.timeline .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; line-height: 1.2; background: transparent; }

.timeline .ui-accordion .ui-accordion-header .ui-accordion-header-icon { display: none; }

.timeline .ui-accordion .ui-accordion-content { padding: 1px 0 1px 0; border-top: 0; overflow: hidden; }


/* === SLICK === */
.timeline .slick-nav-cstm { bottom: 2rem; opacity: 0; transition: opacity .1s linear .5s; }
.timeline .ready .slick-nav-cstm { opacity: 1; }

.timeline .slick-arrow { bottom: 2rem; opacity: 0; transition: opacity .1s linear .5s; }
.timeline .ready .slick-arrow { opacity: 1; }


.timeline .js-slick-slider {  }
.timeline .js-slick-slider.loading { opacity: 0; transition: opacity 0s; }
.timeline .js-slick-slider.ready { opacity: 1; transition: opacity 1s; }

@media(max-width: 575px) {
	.timeline .slick-nav-cstm { bottom: -2rem; }
}
	
	
/* === TIMELINE === */
.timeline{ background:url('../img/IMG_7715_bearbeitet__e.jpg') no-repeat center top #4C4D51; background-size:cover; padding:3rem 0 0 0; color:#FFF; }
.timeline__intro strong{ font-size:25px; color:#FFB300; font-weight:700; }
.timeline__intro h2{ margin-top:25px; font-size:15px; color:#FFB300; font-weight:400; }
.timeline__intro h1{ margin:0; padding:0; font-size:34px; font-weight:300; color:#FFFFFF; }

.timeline__layout {
	position: relative;	
	overflow: hidden;
}

.timeline__layout:before {
	content:'';
	position: absolute; z-index: 0; top: 0; left: 50%; bottom: 0; width: 106px; margin-left: -53px;
	background: transparent repeat-y center top;
	background-size: contain;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='53px' height='55px' xml:space='preserve'%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='0' y1='27.81' x2='35' y2='27.81'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='18' y1='33.37' x2='35' y2='33.37'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='18' y1='38.92' x2='35' y2='38.92'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='18' y1='44.48' x2='35' y2='44.48'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='18' y1='50.04' x2='35' y2='50.04'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='18' y1='0.5' x2='53' y2='0.5'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='18' y1='6.05' x2='35' y2='6.05'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='18' y1='11.61' x2='35' y2='11.61'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='18' y1='17.17' x2='35' y2='17.17'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='.5' x1='18' y1='22.72' x2='35' y2='22.72'/%3E%3C/svg%3E");
}

.timeline .acc { margin-top: -22px; }
.timeline .acc__header { width: 50%; margin-right: 0; padding-left: 5rem; margin-top: 105px; }
.timeline .acc > div:nth-child(4n-1) { margin-left: 0; margin-right: auto; text-align: right; padding-right: 5rem; padding-left: 0; margin-top: 0; }

	

.timeline__headers, 
.timeline__content { position: relative; position: relative; z-index: 1; }

.timeline__content > * > div, 
.timeline__headers { max-width: 1200px; }

.timeline__headers { margin-left: auto; margin-right: auto; }
.timeline__headers .timeline__header { font-size: 72px; line-height: .8; font-weight: 300; color: #FFB300; margin-bottom: 0; }

.timeline__content { line-height: 1.4; }
.timeline__content > div { background: #4F4F4E; margin-top: 10px; padding: 0; }
.timeline__content .slide > div { background: #999 no-repeat center center; background-size: contain; }	

.timeline__content .acc__close { 
	content:'';
	position: absolute; z-index: 0; top: 0; right: 0; width: 45px; height: 45px;
	cursor: pointer;
	background: transparent no-repeat center center;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='300px' height='300px' xml:space='preserve'%3E%3Crect x='-17.95' y='105.55' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 361.0498 149.5526)' fill='%23FFFFFF' width='335' height='88'/%3E%3Crect x='-17.95' y='105.55' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 149.5518 361.0485)' fill='%23FFFFFF' width='335' height='88'/%3E%3C/svg%3E");	
	
	
	background-size: 15px;
}

/*
.timeline a.stretched-link { display: block; overflow: hidden; font-size: 0; line-height: 0; }
.timeline a.stretched-link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; overflow: hidden; font-size: 0; background:rgba(0,0,0,.2);}
*/

.timeline a.stretched-link:before { 
	content:'';
	position: absolute; z-index: 0; top: 0; left: 0; width: 50px; height: 50px;
	background: #FFB300 no-repeat center center;
		
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='335px' height='335px' xml:space='preserve'%3E%3Crect y='123.5' fill='%23FFFFFF' width='335' height='88'/%3E%3Crect x='123.5' fill='%23FFFFFF' width='88' height='335'/%3E%3C/svg%3E");
	background-size: 20px;
}

@media(max-width: 575px) {
	.timeline .acc { margin-top: -40px; }
	.timeline .acc__header { margin-top: 140px; }
	.timeline .acc > div:nth-child(4n-1) { margin-top: 2.25rem; }
	
	.timeline__headers .timeline__header { font-size: 30px; }
}