section{padding:50px 0}.timeline{position:relative;margin-left:5%}.timeline::before{content:'';background:#ace962;width:5px;height:95%;position:absolute;left:10%;transform:translateX(-50%)}.timeline-item{width:100%;margin-bottom:50px}.timeline-item:nth-child() .timeline-content{float:left;padding:40px 30px 10px 30px}.timeline-item:nth-child() .timeline-content .date{right:auto;left:0}.timeline-item:nth-child() .timeline-content::after{content:'';position:absolute;border-style:solid;width:0;height:0;top:30px;left:-15px;border-width:10px 15px 10px 0;border-color:transparent #f5f5f5 transparent transparent}.timeline-item::after{content:'';display:block;clear:both}.timeline-content{position:relative;width:90%;padding:10px 60px;border-radius:4px;background:#f5f5f5;box-shadow:0 20px 25px -15px rgba(0,0,0,0.3)}.timeline-content::after{content:'';position:absolute;border-style:solid;width:0;height:0;top:30px;right:-15px;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #f5f5f5}.timeline-img{width:30px;height:30px;background:#006729;border-radius:50%;position:absolute;left:10%;margin-top:25px;margin-left:-15px}.timeline a{background:#ace962;color:#000;padding:8px 20px;text-transform:uppercase;font-size:14px;margin-bottom:20px;margin-top:10px;display:inline-block;border-radius:2px;box-shadow:0 1px 3px -1px rgba(0,0,0,0.6)}.timeline a:hover,a:active,a:focus{background:#ace962;color:#ccc;text-decoration:none}.timeline-card{padding:0 !important}.timeline-card p{padding:0 20px}.timeline-card a{margin-left:20px}.timeline-item .timeline-img-header1{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)),url("https://pm.hdi.de/hubfs/Bilder/Rentenberater/Minijob.jpeg") center center no-repeat;background-size:cover}.timeline-item .timeline-img-header2{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)),url("https://pm.hdi.de/hubfs/Bilder/Rentenberater/Elternzeit.jpeg") center center no-repeat;background-size:cover}.timeline-item .timeline-img-header3{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)),url("https://pm.hdi.de/hubfs/Bilder/Rentenberater/midage.jpeg") center center no-repeat;background-size:cover}.timeline-item .timeline-img-header4{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)),url("https://pm.hdi.de/hubfs/Bilder/Rentenberater/Rentenphase.jpeg") center center no-repeat;background-size:cover}.timeline-img-header1,.timeline-img-header2,.timeline-img-header3,.timeline-img-header4{height:450px;position:relative;margin-bottom:20px}.timeline-img-header1 h2,.timeline-img-header2 h2,.timeline-img-header3 h2,.timeline-img-header4 h2{color:#fff;position:absolute;bottom:5px;left:20px}.timeline-img-header1 h2 span,.timeline-img-header2 h2 span,.timeline-img-header3 h2 span,.timeline-img-header4 h2 span{background:rgba(0,0,0,0.3);-moz-box-shadow:0 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 0 10px rgba(0,0,0,0.3)}.timeline blockquote{margin-top:30px;color:#757575;border-left-color:#3f51b5;padding:0 20px}.date{background:#006729;display:inline-block;color:#fff;padding:11px;position:absolute;top:0;right:0}@media screen and (max-width:992px){.timeline{position:relative;margin-left:0}.timeline::before{left:20px}.timeline .timeline-img{left:20px}.timeline .timeline-content{max-width:100%;width:auto;margin-left:20px}.timeline .timeline-item:nth-child() .timeline-content{float:none}.timeline .timeline-item:nth-child() .timeline-content::after{content:'';position:absolute;border-style:solid;width:0;height:0;top:30px;left:-15px;border-width:10px 15px 10px 0;border-color:transparent #f5f5f5 transparent transparent}.timeline-img-header1 h2 span,.timeline-img-header2 h2 span,.timeline-img-header3 h2 span,.timeline-img-header4 h2 span{background:rgba(0,0,0,0.0);-moz-box-shadow:0 0 0 0px rgba(0,0,0,0.0);-webkit-box-shadow:0 0 0 0px rgba(0,0,0,0.9);box-shadow:0 0 0 0px rgba(0,0,0,0.0)}}