

.container{width:calc(100% - 1.25em);margin-left:auto;margin-right:auto}
.max-width-lg{max-width:80rem;}
.leistung .max-width-lg{max-width:90rem;}

@media (min-width: 48rem){
	.text-component__block--left,.text-component__block--right{width:45%}
	.text-component__block--left img,.text-component__block--right img{width:100%}
}

.cd-timeline{overflow:hidden; padding:100px 50px; background-color:#074388; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd;}
.cd-timeline__container{position:relative;padding:1.25em 0;}
.cd-timeline__container::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#bdbdbd;}

@media (min-width: 64rem){
	.cd-timeline__container::before{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
}

.cd-timeline__block{display:-ms-flexbox;display:flex;position:relative;z-index:1;margin: 50px 0 100px;}
.leistung .cd-timeline__block{ margin: 25px 0 50px;}
.cd-timeline__block:last-child{margin-bottom:0}

@media (min-width: 64rem){
	.cd-timeline__block:nth-child(even){-ms-flex-direction:row-reverse;flex-direction:row-reverse}
}

.cd-timeline__img{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05)}


@media (min-width: 64rem){
	.cd-timeline__img{width:40px;height:40px;-ms-flex-order:1;order:1;margin-left:calc(5% - 20px);will-change:transform}
	.cd-timeline__block:nth-child(even) .cd-timeline__img{margin-right:calc(5% - 20px)}
}

.cd-timeline__img--picture{background-color:#507aaf;}
.cd-timeline__content{-ms-flex-positive:1;flex-grow:1;position:relative;margin-left:1.25em;background:#fff;border-radius:0.25em; padding:1.25em; }
.leistung .cd-timeline__content{ padding: 0 1.25em; }
.cd-timeline__content::before{content:'';position:absolute;top:16px;right:100%;width:0;height:0;border:7px solid transparent;border-right-color:#fff}


@media (min-width: 64rem){
	.cd-timeline__content{width:45%;-ms-flex-positive:0;flex-grow:0;will-change:transform;margin:0; margin-top: -10px;}
	.cd-timeline__content strong{text-transform: uppercase; font-weight: 800;}
	.leistung .cd-timeline__content strong{text-transform: none; font-weight: 700;}
	.cd-timeline__content::before{top:24px}
	.cd-timeline__block:nth-child(odd) .cd-timeline__content::before{right:auto;left:100%;width:0;height:0;border:7px solid transparent;border-left-color:#fff}
}


@media (min-width: 64rem){
	.cd-timeline__img--hidden,.cd-timeline__content--hidden{visibility:hidden}
	.cd-timeline__img--bounce-in{-webkit-animation:cd-bounce-1 0.6s;animation:cd-bounce-1 0.6s}
	.cd-timeline__content--bounce-in{-webkit-animation:cd-bounce-2 0.6s;animation:cd-bounce-2 0.6s}
	.cd-timeline__block:nth-child(even) .cd-timeline__content--bounce-in{-webkit-animation-name:cd-bounce-2-inverse;animation-name:cd-bounce-2-inverse}
}


@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
