.circleBarScroller {margin-bottom: 20px;padding: 3px 0px 10px 0px;}.circleBar {display: flex;justify-content: space-between;width: 100%;}.circleContainer {flex: 1;border-right: 1px dashed #666;padding-left: 10px;padding-right: 10px;text-align: center;}.circleContainer .circleLabel {display: block;padding-top: 10px;font-size: 13px;}.circleBar .circleContainer:first-child {padding-left: 0px;}.circleBar .circleContainer:last-child {border-right: none;padding-right: 0px;}.circle {position: relative;overflow: hidden;border: 8px solid #fff;border-radius: 50%;background: #fff no-repeat;background-size: contain;box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);}.circle:before {content: "";display: block;padding-top: 100%;}.circleInner {position: absolute;box-sizing: border-box;top: 0;left: 0;text-align: center;width: 100%;height: 100%;padding-top: 60%;line-height: 20px;font-family: 'LatoWeb',sans-serif;color: #666666;}.circleGrey {border-color: #eeeeee;}.circleGreen {border-color: #99cc00;}.circleYellow {border-color: #ffa800;}.circleRed {border-color: #da0000;}.circleTraffic {background-image: url('/fileadmin/templates/ffh.de/images/serviceIcons/traffic.svg');}.circleBlitzer {background-image: url('/fileadmin/templates/ffh.de/images/serviceIcons/blitzer.svg');}.circleParking {background-image: url('/fileadmin/templates/ffh.de/images/serviceIcons/parking.svg');}.circleSchools {background-image: url('/fileadmin/templates/ffh.de/images/serviceIcons/schools.svg');}.circleFlights {background-image: url('/fileadmin/templates/ffh.de/images/serviceIcons/flights.svg');}.circleMail {background-image: url('/fileadmin/templates/ffh.de/images/socialbarIcons/mail.svg');}.circleFacebook {background-image: url('/fileadmin/templates/ffh.de/images/socialbarIcons/facebook.svg');}.circleTwitter {background-image: url('/fileadmin/templates/ffh.de/images/socialbarIcons/twitter.svg');}.circleInstagram {background-image: url('/fileadmin/templates/ffh.de/images/socialbarIcons/instagram.svg');}.circleYoutube {background-image: url('/fileadmin/templates/ffh.de/images/socialbarIcons/youtube.svg');}.circleParking span, .circleFlights span {position: absolute;display: block;background: #fff;width: 100%;left: 0px;}@media screen and (max-width: 1499px) {.circleInner {font-size: 14px;line-height: 17px;}}@media screen and (max-width: 879px) {.circleBar {padding-left: 10px;padding-right: 10px;}}@media screen and (max-width: 1079px) {.circleBarScroller {max-width: 100%;overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;}.circleBar.traffic {min-width: 750px;}.circleBar.social {min-width: 460px;}}