Modules - reusable parts of our design

-------------------------------- */
.cd-container{width:90%;max-width:1170px;margin:0 auto;}.cd-container::after{content:'';display:table;clear:both;}.jahr_end,.jahr_begin{background:#333333;color:white;border-radius:5px;padding:3px 12px;display:inline-block;}#cd-timeline{position:relative;padding:3em 0;margin-top:1em;margin-bottom:1em;}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:1px;background:#b2b1b1;}@media only screen and (min-width:1170px){#cd-timeline{margin-top:2em;margin-bottom:2em;}#cd-timeline::before{left:50%;margin-left:-1px;}}.cd-timeline-block{position:relative;margin:2em 0;}.cd-timeline-block:after{content:"";display:table;clear:both;}.cd-timeline-block:first-child{margin-top:0;}.cd-timeline-block:last-child{margin-bottom:0;}@media only screen and (min-width:1170px){.cd-timeline-block{margin-top:-75px;;}.cd-timeline-block:first-child{margin-top:0;}.cd-timeline-block:last-child{margin-bottom:0;}}@media (max-width:1170px){.timeline_center{text-align:left;}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;}.cd-timeline-img img{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px;}.cd-timeline-img.cd-picture{background:#fff;border:1px solid #b2b1b1;}.cd-timeline-img.cd-movie{background:#c03b44;}.cd-timeline-img.cd-location{background:#f0ca45;}@media only screen and (min-width:1170px){.cd-timeline-img{width:25px;height:25px;left:50%;margin-left:-13px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}.cssanimations .cd-timeline-img.is-hidden{visibility:hidden;}.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 0.6s;-moz-animation:cd-bounce-1 0.6s;animation:cd-bounce-1 0.6s;}}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);}60%{opacity:1;-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(1);}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(0.5);}60%{opacity:1;-moz-transform:scale(1.2);}100%{-moz-transform:scale(1);}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}}.cd-timeline-content{position:relative;margin-left:60px;background:white;border-radius:6px;padding:1em;border:1px solid #d5d5d5;text-align:left;}.cd-timeline-content h6{margin-bottom:2px;}.cd-timeline-content:after{content:"";display:table;clear:both;}.cd-timeline-content h6:after{background:url('../../../fileadmin/template/public/images/layout/allgemein/linie_ende_gepunktet_orange.png') no-repeat;background-size:49px 6px;width:49px;height:10px;content:"";display:inline-block;margin-left:5px;}.cd-timeline-content .cd-date{display:inline-block;}.cd-timeline-content .cd-date{float:left;padding:.8em 0;opacity:.7;}@media only screen and (min-width:1170px){.cd-timeline-content{margin-left:0;padding:1.4em;width:45%;}.cd-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:white;}.cd-timeline-content .cd-date{position:absolute;width:100%;left:122%;top:6px;font-size:16px;font-size:1rem;}.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right;}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:white;}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:122%;text-align:right;}.cssanimations .cd-timeline-content.is-hidden{visibility:hidden;}.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 0.6s;-moz-animation:cd-bounce-2 0.6s;animation:cd-bounce-2 0.6s;}}@media only screen and (min-width:1170px){.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse 0.6s;-moz-animation:cd-bounce-2-inverse 0.6s;animation:cd-bounce-2-inverse 0.6s;}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);}60%{opacity:1;-webkit-transform:translateX(20px);}100%{-webkit-transform:translateX(0);}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px);}60%{opacity:1;-moz-transform:translateX(20px);}100%{-moz-transform:translateX(0);}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px);}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px);}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);}60%{opacity:1;-webkit-transform:translateX(-20px);}100%{-webkit-transform:translateX(0);}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px);}60%{opacity:1;-moz-transform:translateX(-20px);}100%{-moz-transform:translateX(0);}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px);}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px);}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}}