#mileStones {width: 95%;max-width: 600px; margin: 0 auto; margin-top: 3%}
#mileStones a {color: #444}

.timeGroup.blue label, .timeGroup.blue .timePoint, .timeGroup.blue .time {color: #738fc8}
.timeGroup.red label, .timeGroup.red .timePoint, .timeGroup.red .time {color: #e52e0d}
.timeGroup.yellow label, .timeGroup.yellow .timePoint, .timeGroup.yellow .time {color: #f9b111}


.timeGroup {height: 80px;display: table; width: 100%}
.timeGroup label {font-weight: bold; font-size: 22px}


.timeLabel, .time{display: table-cell;vertical-align: top}
.timeLabel {width: 39%; text-align: right;padding-right: 40px}
.time ul {overflow: visible}

.time {width: 59%;border-left: 5px solid; padding-left: 40px}
.time li {position: relative; list-style-type: none; height: 80px}
.timePoint {width: 20px; height: 20px; border-radius: 50%; border: 5px solid; display: block; position: absolute; top: 0;left: -52px; background-color: #fff}
.time a {text-decoration: underline}
span.noLink {color: #626262}


/*PROJEKTÜBERSICHT*/
#mileStones.projectView {padding-left: 35px}
#mileStones.projectView .timeGroup {border: 2px solid #738fc8;border-radius: 20px;display: flex;align-items: center;position: relative;height: auto;padding: 30px 0;margin-bottom: 40px}
#mileStones.projectView .timeGroup:before {content: ""; position: absolute; width: 4px; background-color: currentcolor; left: calc(50% - 2px); height: 40px;top: -44px}
#mileStones.projectView .timeGroup:first-child:before {display: none}
#mileStones.projectView .timeLabel {position: absolute;width: 70px;height: 70px;background-color: #738fc8;border-radius: 50%;left: -35px;display: flex; align-items: center; justify-content: center; color: #fff; text-align: initial; font-weight: bold;font-size: 18px;text-align: center;padding: 0 !important}
#mileStones.projectView .timeLabel span {display: flex;justify-content: center;align-items: center; width: 60px; height: 60px; border-radius: 50%; color: var(--default-textColor); background-color: #fff}
#mileStones.projectView .time {width: 100%; border-left: 0; padding-left: 60px}
#mileStones.projectView .time li {height: auto; margin-bottom: 5px; display: flex; align-items: center}
#mileStones.projectView .time li:before {content: "";width: 5px;height: 5px;border-radius: 50%;display: block;background-color: #000;margin-right: 10px;}
#mileStones.projectView .time li:last-child {margin-bottom: 0}


@media (max-width: 768px)
{
	#mileStones.projectView {width: 80%;margin: 0 auto; font-size: 13px}
	#mileStones.projectView .time {padding-left: 50px}
}