/* specials_timeline.css*/
/* Zeitstrahl 1 */
.timeline .bg {
    align-items: center;
    display: flex;
}
.pfeil.timeline {
	position:relative;
	padding:40px;
}
.pfeil.timeline .content-image {
    z-index:2;
}
.pfeil.timeline figure {
    margin:0;
}
.pfeil.timeline svg {
	z-index:2;
	width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius:100%;
}	
.timeline .vl {
  border-left: 4px solid var(--grey3);
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 0;
}
@media screen and (max-width: 992px) {
    .timeline .ce_text {
        width:100%;
        text-align: center;
        padding: 40px 15px!important;
    }
}

/* Zeitstrahl 2 */
.easy-timeline {
    position: relative;
}
.easy-timeline:before {
    content: '';
    width: 2px;
    background: var(--greyC);
    position: absolute;
    top: 8px;
    left: 50%;
    height: 100%;
    margin-left: -1px;
}
.easy-timeline-item {
    margin-bottom: 30px;
    position: relative;
}
.easy-timeline-item {
    text-align: right;
    padding-right: 5%;
}
.easy-timeline-item:nth-child(even) {
    text-align: left;
    padding-left: 5%;
    margin-left: 50%;
}
.easy-timeline-item:before,
.easy-timeline i.easy-timeline-end {
    float: right;
    content: '';
    width: 14px;
    height: 14px;
    background-color:var(--col1);
    border-radius: 100%;
    margin-right: -64px;
}
.easy-timeline-item:nth-child(even):before {
    float: left;
    margin-left: -64px;	
}
.easy-timeline i.easy-timeline-end {
    position: absolute;
    right: 50%;
    margin-right: -7px;
    bottom: -10px;
}

@media screen and (max-width: 1200px) {
    .easy-timeline-item:before {
        margin-right: -55px;
    }
    .easy-timeline-item:nth-child(even):before {
        margin-left: -55px;
    }
}
@media screen and (max-width: 992px) {
    .easy-timeline {
        margin-left: 50px;
    }
    .easy-timeline:before {
        left: -30px;
    }
    .easy-timeline-item:before,
    .easy-timeline-item:nth-child(even):before {
        float: left;
        margin-left: -52px;
    }
    .easy-timeline-item {
        text-align: left;
    }
    .easy-timeline-item:nth-child(even) {
        padding-left: 15px;
        margin-left: 0%;
    }
    .easy-timeline i.easy-timeline-end {
        left: -37px;
    }
}
@media screen and (max-width: 767px) {
    .easy-timeline {
        margin-left: 30px;
    }
    .easy-timeline:before {
        left: -10px;
    }
    .easy-timeline-item:before,
    .easy-timeline-item:nth-child(even):before {
        margin-left: -32px;
    }
    .easy-timeline i.easy-timeline-end {
        left: -17px;
    }
}