@charset "UTF-8";
@font-face {
    font-family: RobotoSlab-Light;
    src: url(assets/fonts/RobotoSlab-Light.ttf) format("truetype")
}
@font-face {
    font-family: RobotoSlab-Bold;
    src: url(assets/fonts/RobotoSlab-Bold.ttf) format("truetype")
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(assets/fonts/OpenSans-Regular.ttf) format("truetype")
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(assets/fonts/OpenSans-Bold.ttf) format("truetype")
}
html * {
    font-family: OpenSans-Regular
}

body {
  margin: 0px;
  padding: 0px;
}

.logo {
	padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}

.logo a img {
	width: 200px;
}

.logoContent {
  max-width: 380px;
  text-align: left;
  padding-left: 20px;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}

.bottomBar {
  background-color: #efefe6;
  height: 100%;
}

.contentWrapper {
	text-align: center;
}

.description {
  padding-bottom: 20px;
  font-size: small;
}

.ctoTitle {
  color: #09f;
  font-size: x-large;
}

.ctoDesc {
  font-size: x-large;
}

.content, .callToAction, .appstorelinks {
	text-align: left;
  margin:0 auto;
  max-width: 400px;
  padding-left: 20px;
  padding-right: 5px;
  overflow: hidden;
}

.appstorelinks {
  text-align: center;
}

.callToAction {
  padding-top: 20px;
  text-align: center;
}

.content {
  margin-bottom: 20px;
}

.profileName {
  color: #77776f;
  font-size: small;
}

.profileName, .teaser, .title, .ctoTitle, .ctoDesc, .price {
  font-family: OpenSans-Bold;
}

.teaser {
  margin-top: 8px;
  font-size: small;
}

.price {
  color: #12a537;
  font-size: small;
}

.title {
  font-size: large;
}

.header {
  margin-top: 25px;
  min-height: 100px;
}

.profileImg {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 40px;
    float: left;
    margin-right: 10px;
}

.previewImage {
  height: 240px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 20px;
}

.smallIcon:before {
	content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 11px;
}

.pace:before {
    background-image: url(assets/images/event-pace.png);
}

.links:before {
    background-image: url(assets/images/event-links.png);
}

.time:before {
    background-image: url(assets/images/event-time.png);
}

.location:before {
    background-image: url(assets/images/event-location.png);
}

.distance:before {
    background-image: url(assets/images/event-distance.png);
}

.participantCount:before {
    background-image: url(assets/images/event-participants.png);
}


.BMXBikeType:before {
	background-image: url(assets/images/activities/cyclique/BMX-Grau.png);
}

.CityBikeType:before {
		background-image: url(assets/images/activities/cyclique/City-Grau.png);
}

.CrossBikeType:before {
		background-image: url(assets/images/activities/cyclique/Cross-Grau.png);
}

.EbikeBikeType:before {
		background-image: url(assets/images/activities/cyclique/Ebike-Grau.png);
}

.FitnessBikeType:before {
		background-image: url(assets/images/activities/cyclique/Fitness-Grau.png);
}

.FixieBikeType:before {
		background-image: url(assets/images/activities/cyclique/Fixie-Grau.png);
}

.MTBBikeType:before {
		background-image: url(assets/images/activities/cyclique/MTB-Grau.png);
}

.MTBCrossCountryBikeType:before {
		background-image: url(assets/images/activities/cyclique/MTBCrossCountry-Grau.png);
}

.MTBEnduroBikeType:before {
		background-image: url(assets/images/activities/cyclique/MTBEnduro-Grau.png);
}

.MTBFreerideBikeType:before {
		background-image: url(assets/images/activities/cyclique/MTBFreeride-Grau.png);
}

.RoadBikeType:before {
		background-image: url(assets/images/activities/cyclique/Road-Grau.png);
}

.TrekkingBikeType:before {
		background-image: url(assets/images/activities/cyclique/Trekking-Grau.png);
}

.CrossRunType:before {
		background-image: url(assets/images/activities/runclique/Cross-Grau.png);
}

.TrailRunType:before {
		background-image: url(assets/images/activities/runclique/Trail-Grau.png);
}

.UrbanRunType:before {
		background-image: url(assets/images/activities/runclique/Urban-Grau.png);
}

.smoothLevel:before {
		background-image: url(assets/images/event-intensity-smooth.png);
}

.mediumLevel:before {
		background-image: url(assets/images/event-intensity-medium.png);
}

.powerLevel:before {
		background-image: url(assets/images/event-intensity-power.png);
}