@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
#pageNavigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  height: 70px;
  z-index: 750;
  transition: all 0.25s ease;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); }
  @media screen and (max-width: 767px) {
    #pageNavigation {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: auto;
      overflow: scroll; } }
  #pageNavigation .close {
    position: absolute;
    left: 18px;
    top: 12px;
    font-size: 26px; }
.typ-element{
	display:inline;
	padding-left:5%;
}
#registerInfo{
	margin-bottom:20px;
}
.registerInfoText{
	text-align:center;
}
.registerInfoText a{
	color:#0054d6;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 10%;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    opacity: .4;
}
.typ-element .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.typ-element input:checked ~ .checkmark {
    background-color: white;
    opacity: .89;
}

.type-group{
}
.lessonType{
	display:inline;
	color:white;
	text-align: center;
}
#registration .lessonType .boxItem{
	background-image: url(../img/w_icon_done.svg);
    background-position: center 5px;
    background-size: 35px 35px;
    background-repeat: no-repeat; 
    height:80px;
    font-size: 16px; 
    font-size: 4vw;
}
#registration .lessonType .boxItem.checked {
	background-image: url(../img/icon_done.svg);
    background-position: center 5px;
    background-size: 35px 35px;
    background-repeat: no-repeat; 
    height:80px;
    font-size: 16px; 
    font-size: 4vw;
}
.lessonType .boxItem{
	background-image: url(../img/w_w_icon_done.svg);
    background-position: center 5px;
    background-size: 35px 35px;
    background-repeat: no-repeat; 
    height:80px;
    font-size: 16px; 
    font-size: 4vw;
}
.lessonType .boxItem.checked {
	background-image: url(../img/icon_done.svg);
    background-position: center 5px;
    background-size: 35px 35px;
    background-repeat: no-repeat; 
    height:80px;
    font-size: 16px; 
    font-size: 4vw;
}
.lessonType .boxItem h2 {
   bottom:1px;
}
.lessonType li.col-xs-6 {
   padding-left:5px;
   padding-right:5px;
}
.mainmenu {
  position: absolute;
  top: 15px;
  left: 15px;
  background-image: url("../img/mainMenuButton.svg");
  text-indent: -9999px;
  width: 20px;
  height: 20px; }

@media screen and (max-width: 767px) {
  #mainNav {
    margin-top: 60px; } }
#mainNav ul {
  list-style: none;
  -webkit-padding-start: 0; }
#mainNav li a {
  border-left: 1px solid #e6eaee;
  height: 70px;
  text-align: center;
  padding-top: 43px;
  color: #8296aa;
  font-weight: 400;
  background-repeat: no-repeat;
  background-position: center 14px;
  transition: all 0.25s ease; }
  @media screen and (max-width: 767px) {
    #mainNav li a {
      border-top: 1px solid #e6eaee;
      border-left: none;
      padding-top: 30px;
      height: 80px;
      text-align: left;
      padding-left: 60px;
      background-position: 18px 27px;
      font-size: 16px;
      font-weight: 300; } }
  #mainNav li a.active {
    background-color: #8296aa;
    color: white;
    border-left: none; }
    #mainNav li a.active:hover {
      color: white;
      background-color: #8296aa; }
  #mainNav li a:hover {
    background-color: #e6eaee;
    color: #8296aa; }
#mainNav li:last-child a {
  border-right: 1px solid #e6eaee; }
  @media screen and (max-width: 767px) {
    #mainNav li:last-child a {
      border-right: none; } }
#mainNav li:nth-child(1) a {
  background-image: url(../img/iconDashboard.svg); }
  #mainNav li:nth-child(1) a.active {
    background-image: url(../img/iconDashboardActive.svg); }
#mainNav li:nth-child(2) a {
  background-image: url(../img/iconHealth.svg); }
  #mainNav li:nth-child(2) a.active {
    background-image: url(../img/iconHealthActive.svg);
    background-color: #194673;
    height: 71px; }
    @media screen and (max-width: 767px) {
      #mainNav li:nth-child(2) a.active {
        height: 80px; } }
#mainNav li:nth-child(3) a {
  background-image: url(../img/iconFitness.svg); }
  #mainNav li:nth-child(3) a.active {
    background-image: url(../img/iconFitnessActive.svg);
    background-color: #0073b9;
    height: 71px; }
    @media screen and (max-width: 767px) {
      #mainNav li:nth-child(3) a.active {
        height: 80px; } }
#mainNav li:nth-child(4) a {
  background-image: url(../img/iconLifestyle.svg); }
  #mainNav li:nth-child(4) a.active {
    background-image: url(../img/iconLifestyleActive.svg);
    background-color: #00aff0;
    height: 71px; }
    @media screen and (max-width: 767px) {
      #mainNav li:nth-child(4) a.active {
        height: 80px; } }
#mainNav li:nth-child(5) a {
  background-image: url(../img/iconSettings.svg); }
  #mainNav li:nth-child(5) a.active {
    background-image: url(../img/iconSettingsActive.svg); }

.subMenu {
  padding-top: 70px;
  background-color: #8296aa;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .subMenu {
      padding-top: 0px;
      background-color: #8296aa; }
      .subMenu h1 {
        text-align: center;
        margin-top: 10px; }
      .subMenu .container {
        padding: 0; }
      .subMenu .row {
        padding: 0; } }
  .subMenu ul {
    width: 100%;
    height: 53px;
    overflow-x: auto;
    overflow-y: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: block; }
    .subMenu ul li {
      height: 50px;
      display: inline-block;
      padding-left: 20px;
      padding-right: 20px; }
      @media screen and (max-width: 767px) {
        .subMenu ul li {
          padding-left: 10px;
          padding-right: 10px; } }
      .subMenu ul li a {
        color: white;
        display: inline-block;
        line-height: 50px; }
        .subMenu ul li a.active {
          border-bottom: 3px solid white; }
        @media screen and (max-width: 767px) {
          .subMenu ul li a.active {
            border-bottom: 3px solid white; } }
        .subMenu ul li a:hover {
          opacity: 0.7; }

.metaNavigation {
  padding-top: 50px; }
  @media screen and (max-width: 767px) {
    .metaNavigation {
      padding-top: 20px; } }

.subClaim {
  background: #8296aa;
  text-align: center;
  padding: 20px 0; }
  .subClaim p {
    margin-bottom: 0px;
    color: white; }

.piechart {
  position: relative;
  background-color: #f0f0f5;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 10px; }
  .piechart.health {
    background-image: linear-gradient(to right, transparent 50%, #194673 0); }
    .piechart.health span {
      color: #194673; }
  .piechart.fitness {
    background-image: linear-gradient(to right, transparent 50%, #0073b9 0); }
    .piechart.fitness span {
      color: #0073b9; }
  .piechart.lifestyle {
    background-image: linear-gradient(to right, transparent 50%, #00aff0 0); }
    .piechart.lifestyle span {
      color: #00aff0; }
  .piechart:before {
    content: '';
    display: block;
    margin-left: 50%;
    height: 100%;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: inherit;
    transform-origin: left;
    transform: rotate(0.5turn); }
  .piechart span {
    position: absolute;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
    background: white;
    border-radius: 50%;
    line-height: 14px;
    padding-top: 7px;
    text-align: center;
    font-weight: 600; }
  .piechart small {
    display: inline-block;
    text-align: center;
    color: #8296aa;
    font-weight: 300; }

.healthPIE {
  width: 60px;
  height: 60px; }

.fitnessPIE {
  width: 60px;
  height: 60px; }

.lifestylePIE {
  width: 60px;
  height: 60px; }

.linechart {
  width: 100%;
  margin-bottom: 8px;
  margin-top: 20px;
  cursor: pointer; }

#activity {
  background-color: #f8f8fa; }

#trend-bmi-complete {
  margin-left: -10px; }

#accordion {
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    #accordion {
      margin-left: -10px;
      margin-right: -10px; } }
  #accordion .row {
    margin-left: 0;
    margin-right: 0; }
  #accordion .card .cardHeader {
    display: block;
    border-bottom: 1px solid #f0f0f5;
    height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 30px;
    background-image: url(../img/arrowUp.svg);
    background-repeat: no-repeat;
    background-position: right 40px; }
    #accordion .card .cardHeader.collapsed {
      background-image: url(../img/arrowDown.svg);
      background-repeat: no-repeat;
      background-position: right 40px; }
    #accordion .card .cardHeader p {
      line-height: 60px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      max-height: 60px; }
    #accordion .card .cardHeader:hover {
      cursor: pointer; }
  #accordion .card .cardContent {
    background: #f8f8fa;
    margin-bottom: 10px;
    padding-bottom: 10px; }
    @media screen and (max-width: 767px) {
      #accordion .card .cardContent h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        max-height: 60px; } }
  #accordion .fitnessImage {
    margin-right: 20px;
    float: left; }

@media screen and (max-width: 767px) {
  .modal-dialog {
    margin: 0;
    height: 100%; } }
.modal-dialog .modal-content {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f0f0f5; }
  @media screen and (max-width: 767px) {
    .modal-dialog .modal-content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      min-height: 100%; } }
  .modal-dialog .modal-content .modal-header {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 0;
    height: 60px; }
    @media screen and (max-width: 767px) {
      .modal-dialog .modal-content .modal-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 60px; } }
    .modal-dialog .modal-content .modal-header .close {
      position: absolute;
      top: 15px;
      right: 15px;
      color: #38855c;
      width: 30px;
      height: 30px;
      opacity: 1; }
  .modal-dialog .modal-content .modal-body {
    padding: 20px; }
    @media screen and (max-width: 767px) {
      .modal-dialog .modal-content .modal-body {
        margin-top: 60px; } }

.barChart {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: white;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  margin-top: 20px; }
  .barChart.distance {
    margin-bottom: 48px; }
  .barChart .sections {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 60px;
    padding-left: 0; }
    .barChart .sections li {
      display: inline-block;
      float: left;
      height: 30px;
      padding-top: 30px;
      padding-right: 5px;
      line-height: 30px;
      border-right: 1px solid #f0f0f5;
      text-align: right;
      background-repeat: repeat-x;
      overflow: visible;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1; }
    .barChart .sections.two li {
      width: 50%; }
      .barChart .sections.two li:nth-child(1) {
        box-shadow: 0 4px 0px 0 rgba(255, 125, 125, 0.5); }
      .barChart .sections.two li:nth-child(2) {
        box-shadow: 0 4px 0px 0 rgba(105, 200, 60, 0.5);
        background-image: url(../img/lineBackground.svg); }
    .barChart .sections.three li {
      width: 33.33%; }
      .barChart .sections.three li:nth-child(1) {
        box-shadow: 0 4px 0px 0 rgba(255, 125, 125, 0.5); }
      .barChart .sections.three li:nth-child(2) {
        box-shadow: 0 4px 0px 0 rgba(255, 200, 20, 0.5); }
      .barChart .sections.three li:nth-child(3) {
        box-shadow: 0 4px 0px 0 rgba(105, 200, 60, 0.5);
        background-image: url(../img/lineBackground.svg); }
    .barChart .sections.five li {
      width: 20%; }
      .barChart .sections.five li:nth-child(1) {
        box-shadow: 0 4px 0px 0 rgba(255, 125, 125, 0.5); }
      .barChart .sections.five li:nth-child(2) {
        box-shadow: 0 4px 0px 0 rgba(255, 200, 20, 0.5); }
      .barChart .sections.five li:nth-child(3) {
        box-shadow: 0 4px 0px 0 rgba(105, 200, 60, 0.5);
        background-image: url(../img/lineBackground.svg); }
      .barChart .sections.five li:nth-child(4) {
        box-shadow: 0 4px 0px 0 rgba(255, 200, 20, 0.5); }
      .barChart .sections.five li:nth-child(5) {
        box-shadow: 0 4px 0px 0 rgba(255, 125, 125, 0.5); }
    .barChart .sections.six li {
      width: 16.66%; }
      .barChart .sections.six li:nth-child(1) {
        box-shadow: 0 4px 0px 0 rgba(255, 125, 125, 0.5); }
      .barChart .sections.six li:nth-child(2) {
        box-shadow: 0 4px 0px 0 rgba(255, 200, 20, 0.5); }
      .barChart .sections.six li:nth-child(3) {
        box-shadow: 0 4px 0px 0 rgba(105, 200, 60, 0.5);
        background-image: url(../img/lineBackground.svg); }
      .barChart .sections.six li:nth-child(4) {
        box-shadow: 0 4px 0px 0 rgba(255, 200, 20, 0.5); }
      .barChart .sections.six li:nth-child(5) {
        box-shadow: 0 4px 0px 0 rgba(255, 125, 125, 0.5); }
      .barChart .sections.six li:nth-child(6) {
        box-shadow: 0 4px 0px 0 rgba(205, 75, 75, 0.5); }
  .barChart .progressIndicator {
    position: relative;
    z-index: 10;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: right;
    color: #ffffff;
    padding-right: 10px; }
    .barChart .progressIndicator.green {
      background-color: #69c83c; }
    .barChart .progressIndicator.yellow {
      background-color: #ffc814; }
    .barChart .progressIndicator.red {
      background-color: #ff7d7d; }
    .barChart .progressIndicator.darkred {
      background-color: #cd4b4b; }

#stage {
  position: relative;
  background-image: url("../img/stageImage.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 350px; }
  #stage h1 {
    position: absolute;
    top: 10px;
    left: 40px;
    right: 40px;
    display: block;
    text-align: center;
    margin-top: 0; }
  #stage .container, #stage .row, #stage .col-md-24 {
    height: 100%; }
  @media screen and (max-width: 767px) {
    #stage {
      height: 280px; } }
  #stage .dottedWhite {
    position: absolute;
    width: 4px;
    background-image: url("../img/dottedWhite.svg");
    top: 300px;
    bottom: 0;
    left: 150px; }
    @media screen and (max-width: 767px) {
      #stage .dottedWhite {
        left: 50%;
        margin-left: -2px;
        top: 235px;
        bottom: 0px; } }
 #stage .privateInfoHeaderTitle {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: white;
    font-size: 34px;
    line-height: 50px;
    display: block;
    letter-spacing: -1px;
    text-align: center;
    margin-top: 160px;
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
    @media screen and (max-width: 767px){
    #stage .privateInfoHeaderTitle{
   	 	font-size: 24px;
    	line-height: 24px;
    	letter-spacing: 0;}}
#stageTeaser {
  height: 90%;
  position: relative;
  background-image: url("../img/startImage.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
 #stageTeaser.stageTeaserSmall {
  height: 50%;
}
  #stageTeaser a {
    color: white; }
    #stageTeaser a:hover {
      text-decoration: underline; }
  #stageTeaser h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: white;
    font-size: 34px;
    line-height: 50px;
    display: block;
    letter-spacing: -1px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 767px) {
      #stageTeaser h1 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0; } }
  #stageTeaser .primaryButton, 
  #simple-as-that .primaryButton{
    border-radius: 25px;
    line-height: 47px;
    height: 50px;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #0073b9; }
    @media screen and (max-width: 767px) {
      #stageTeaser .primaryButton {
        font-size: 14px; } }
  #stageTeaser .secondaryButton {
    border-radius: 25px;
    line-height: 40px;
    height: 50px;
    font-size: 18px;
    text-transform: uppercase;
    border: 3px solid #00aff0;
    background: none;
    color: #00aff0; }
    @media screen and (max-width: 767px) {
      #stageTeaser .secondaryButton {
        font-size: 14px; } }

#stage .totalScore {
  position: absolute;
  top: 110px;
  left: 50px;
  width: 200px;
  height: 200px; }
  #stage .totalScore h1 {
    width: 400px;
    color: white;
    left: 210px;
    top: 65px;
    font-size: 24px;
    font-weight: 300;
    text-align: left; }
    #stage .totalScore h1 .username {
      font-weight: 400;
      font-size: 14px;
      color: #f0f0f5; }
  @media screen and (max-width: 767px) {
    #stage .totalScore {
      top: 45px;
      left: 50%;
      margin-left: -100px; } }
  #stage .totalScore .rbc-center-text .rbc-center-text-line0 {
    fill: white;
    font-size: 35px; }
  #stage .totalScore .rbc-center-text .rbc-center-text-line1 {
    fill: #C8D2DC;
    font-size: 20px; }

.contentBox {
  background: rgba(1, 1, 1, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  display: table; }
  .contentBox .inner {
    display: table-cell;
    vertical-align: middle; }

#cockpit {
  margin-top: -25px;
  height: 80px;
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
  padding-top: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); }
  #cockpit p {
    line-height: 55px; }
    #cockpit p.center {
      text-align: left; }
  @media screen and (max-width: 767px) {
    #cockpit {
      height: 100px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px; }
      #cockpit .fitnessPIE {
        float: none;
        margin: 0 auto; }
      #cockpit .healthPIE {
        float: none;
        margin: 0 auto; }
      #cockpit .lifestylePIE {
        float: none;
        margin: 0 auto; }
      #cockpit p {
        line-height: 20px; }
        #cockpit p.center {
          text-align: center; } }

.dotHealth {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: white;
  position: absolute;
  left: 145px;
  top: 12px;
  border: 4px solid #194673; }
  .dotHealth p {
    float: right;
    text-align: right;
    margin-right: 20px;
    margin-top: -6px;
    width: 80px; }
  @media screen and (max-width: 767px) {
    .dotHealth {
      top: 0;
      left: 50%;
      margin-left: -7px; } }

.dotFitness {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: white;
  position: absolute;
  left: 145px;
  top: 12px;
  border: 4px solid #0073b9; }
  .dotFitness p {
    float: right;
    text-align: right;
    margin-right: 20px;
    margin-top: -6px;
    width: 80px; }
  @media screen and (max-width: 767px) {
    .dotFitness {
      top: 0;
      left: 50%;
      margin-left: -7px; } }

.dotLifestyle {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: white;
  position: absolute;
  left: 145px;
  top: 12px;
  border: 4px solid #00aff0; }
  .dotLifestyle p {
    float: right;
    text-align: right;
    margin-right: 20px;
    margin-top: -6px;
    width: 80px; }
  @media screen and (max-width: 767px) {
    .dotLifestyle {
      top: 0;
      left: 50%;
      margin-left: -7px; } }

.dotEvent {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: white;
  position: absolute;
  left: 145px;
  top: 12px;
  border: 4px solid #38855c; }
  .dotEvent p {
    float: right;
    text-align: right;
    margin-right: 20px;
    margin-top: -6px;
    width: 60px; }
  @media screen and (max-width: 767px) {
    .dotEvent {
      top: 0;
      left: 50%;
      margin-left: -7px; } }

.dottedBlue {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 150px;
  width: 4px;
  background-image: url("../img/dottedBlue.svg"); }
  @media screen and (max-width: 767px) {
    .dottedBlue {
      left: 50%;
      margin-left: -2px;
      top: 0px;
      bottom: 0px; } }

.healthPIE {
  margin: 0 10px 0 0;
  float: left; }
  .healthPIE .rbc-center-text .rbc-center-text-line0 {
    fill: #194673;
    font-size: 40px;
    font-weight: 600; }
  .healthPIE .rbc-center-text .rbc-center-text-line1 {
    fill: #C8D2DC;
    font-size: 25px; }

.fitnessPIE {
  width: 60px;
  height: 60px;
  margin: 0 10px 0 0;
  float: left; }
  .fitnessPIE .rbc-center-text .rbc-center-text-line0 {
    fill: #0073b9;
    font-size: 40px;
    font-weight: 600; }
  .fitnessPIE .rbc-center-text .rbc-center-text-line1 {
    fill: #C8D2DC;
    font-size: 25px; }

.lifestylePIE {
  margin: 0 10px 0 0;
  float: left; }
  .lifestylePIE .rbc-center-text .rbc-center-text-line0 {
    fill: #00aff0;
    font-size: 40px;
    font-weight: 600; }
  .lifestylePIE .rbc-center-text .rbc-center-text-line1 {
    fill: #C8D2DC;
    font-size: 25px; }

.subcolumn h3 {
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  line-height: 30px;
  font-weight: 600;
  color: #1073B9; }

.feedTile {
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 10px 10px 0 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); }
  .feedTile :before {
    position: absolute;
    top: 10px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid white; }
  .feedTile.blog {
    background-color: #f2f7f7; }
    .feedTile.blog :before {
      border-right: 8px solid #f2f7f7; }
  @media screen and (max-width: 767px) {
    .feedTile {
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 25px; }
      .feedTile h2 {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 40px; }
      .feedTile h4 {
        font-size: 12px; }
      .feedTile p {
        font-size: 12px; }
      .feedTile :before {
        position: absolute;
        top: -16px;
        left: 50%;
        margin-left: -8px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid white; } }
  .feedTile .feedImage {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    float: left;
    margin-bottom: 10px; }

#pageFooter {
  padding: 30px 0 100px 0;
  background-color: #3c3c41; }
  #pageFooter ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    @media screen and (max-width: 767px) {
      #pageFooter ul {
        text-align: left; } }
    #pageFooter ul li {
      margin: 0;
      padding: 0;
      display: inline-block; }
      @media screen and (max-width: 767px) {
        #pageFooter ul li {
          border-bottom: 1px solid #505050;
          display: block; } }
      #pageFooter ul li a {
        color: #f0f0f5;
        padding: 0 10px;
        opacity: 0.4; }
        #pageFooter ul li a:hover {
          opacity: 0.2; }
        @media screen and (max-width: 767px) {
          #pageFooter ul li a {
            padding: 10px 10px;
            display: block; } }

#settingsContent {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media screen and (max-width: 767px) {
    #settingsContent {
      padding-top: 20px; } }

.form-control {
  height: 60px;
  border: 1px solid #c8d2dc;
  color: #8296aa;
  margin-bottom: 10px; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: white;
  color: #c8d2dc; }

.formHeader {
  background-color: white;
  margin-bottom: 50px;
  padding-bottom: 15px;
  padding-top: 15px; }

.btn-toolbar .btn {
  border: 1px solid #c8d2dc;
  background: white;
  color: #8296aa; }
  .btn-toolbar .btn.active {
    color: white;
    background-color: #38855c; }

.formCollapse {
  margin: 30px 0; }

label {
  font-size: 14px;
  font-weight: 400;
  color: #3c3c41; }
  label.col-form-label {
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media screen and (max-width: 767px) {
      label.col-form-label {
        line-height: 20px; } }

input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label {
  display: block;
  cursor: pointer;
  padding: 0 0 0 0px;
  background-color: rgba(49, 49, 51, 0.2);
  background-image: url("../img/checkbox.svg");
  background-repeat: no-repeat;
  background-position: -30px 0px;
  position: relative;
  color: white; }

input[type="checkbox"]:checked + label {
  background-color: white;
  background-position: right 0px;
  color: #3c3c41; }

.btn-group .secondary-btn {
  width: 50%; }

.formSection {
  margin-bottom: 50px; }

ul.form-group {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px 0; }

.formTile {
  position: relative;
  background-color: rgba(49, 49, 51, 0.2);
  color: white;
  margin-bottom: 20px;
  outline: 0; }
  .formTile.schlank {
    background-image: url("../img/schlank_white.svg");
    background-position: left 0;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    padding-left: 70px; }
  .formTile.muskeln {
    background-image: url("../img/muskeln_white.svg");
    background-position: left 0;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    padding-left: 70px; }
  .formTile.fit {
    background-image: url("../img/fitness_white.svg");
    background-position: left 0;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    padding-left: 70px; }
  .formTile.gesund {
    background-image: url("../img/ausdauer_white.svg");
    background-position: left 0;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    padding-left: 70px; }
  .formTile.checked {
    background-color: white;
    color: #3c3c41; }
    .formTile.checked.schlank {
      background-image: url("../img/schlank_black.svg"); }
    .formTile.checked.muskeln {
      background-image: url("../img/muskeln_black.svg"); }
    .formTile.checked.fit {
      background-image: url("../img/fitness_black.svg"); }
    .formTile.checked.gesund {
      background-image: url("../img/ausdauer_black.svg"); }
  .formTile :hover {
    cursor: pointer; }

.boxItem {
  display: block;
  height: 200px;
  margin-bottom: 20px; }
  .boxItem h2 {
    position: absolute;
    bottom: 10px;
    width: 100%; }
  .boxItem input[type=radio] {
    position: absolute;
    top: 10px;
    right: 20px;
    display: none;}
  .boxItem.level01 {
    background-image: url("../img/icon_level01_white.svg");
    background-position: center 25px;
    background-size: 120px 120px;
    background-repeat: no-repeat; }
  .boxItem.level02 {
    background-image: url("../img/icon_level02_white.svg");
    background-position: center 25px;
    background-size: 120px 120px;
    background-repeat: no-repeat; }
  .boxItem.level03 {
    background-image: url("../img/icon_level03_white.svg");
    background-position: center 25px;
    background-size: 120px 120px;
    background-repeat: no-repeat; }
  .boxItem.traingOption01 {
    background-image: url("../img/icon_singleTraining.svg");
    background-position: center center;
    background-size: 100px; }
  .boxItem.traingOption02 {
    background-image: url("../img/icon_groupTraining.svg");
    background-position: center center;
    background-size: 100px; }
  .boxItem.traingOption03 {
    background-image: url("../img/icon_indoor.svg");
    background-position: center center;
    background-size: 120px; }
  .boxItem.traingOption04 {
    background-image: url("../img/icon_outdoor.svg");
    background-position: center center;
    background-size: 120px; }
  .boxItem.traingOption05 {
    background-image: url("../img/icon_weightTrainning.svg");
    background-position: center center;
    background-size: 130px; }
  .boxItem.traingOption06 {
    background-image: url("../img/icon_bodyWeightTraining.svg");
    background-position: center center;
    background-size: 120px; }
  .boxItem.checked.level01 {
    background-image: url("../img/icon_level01_black.svg"); }
  .boxItem.checked.level02 {
    background-image: url("../img/icon_level02_black.svg"); }
  .boxItem.checked.level03 {
    background-image: url("../img/icon_level03_black.svg"); }
  .boxItem.checked.traingOption01 {
    background-image: url("../img/icon_singleTraining_black.svg");
    background-position: center center;
    background-size: 100px; }
  .boxItem.checked.traingOption02 {
    background-image: url("../img/icon_groupTraining_black.svg");
    background-position: center center;
    background-size: 100px; }
  .boxItem.checked.traingOption03 {
    background-image: url("../img/icon_indoor_black.svg");
    background-position: center center;
    background-size: 120px; }
  .boxItem.checked.traingOption04 {
    background-image: url("../img/icon_outdoor_black.svg");
    background-position: center center;
    background-size: 120px; }
  .boxItem.checked.traingOption05 {
    background-image: url("../img/icon_weightTrainning_black.svg");
    background-position: center center;
    background-size: 130px; }
  .boxItem.checked.traingOption06 {
    background-image: url("../img/icon_bodyWeightTraining_black.svg");
    background-position: center center;
    background-size: 120px; }

.listItem {
  display: block;
  height: 64px;
  padding: 0px 20px 0px 0;
  border: 2px solid white; }
  .listItem .trainingImage {
    width: 80px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    float: left;
    display: inline-block;
    margin-right: 20px; }
    .listItem .trainingImage img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
  .listItem.soft {
    border: 2px solid rgba(0, 0, 0, 0.01); }
  .listItem input[type=radio] {
    position: absolute;
    top: 20px;
    right: 20px; 
    display: none;}
  .listItem h2 {
    line-height: 60px; }
  .listItem P {
    padding-top: 5px;
    padding-right: 50px;
    margin-bottom: 0px;
    max-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
    @media screen and (max-width: 767px) {
      .listItem P {
        padding-right: 0px; } }

.custom-select {
  display: block; }

.pulse-button {
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -125px;
  display: block;
  width: 100px;
  height: 100px;
  background: white;
  border-radius: 50%;
  background-image: url("../img/Health-Fitness-Coach_color.svg");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.1);
  -webkit-animation: pulseanimation 5s infinite;
  /* Safari 4+ */
  -moz-animation: pulseanimation 5s infinite;
  /* Fx 5+ */
  -o-animation: pulseanimation 5s infinite;
  /* Opera 12+ */
  animation: pulseanimation 5s infinite;
  /* IE 10+, Fx 29+ */ }
  @media screen and (max-width: 767px) {
    .pulse-button {
      margin-top: -75px; } }
@-webkit-keyframes pulseanimation {
  0% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1); } }
@-moz-keyframes pulseanimation {
  0% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1); } }
@-o-keyframes pulseanimation {
  0% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1); } }
@keyframes pulseanimation {
  0% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 50px rgba(255, 255, 255, 0.1); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.1); } }
ul.progressIndicator {
  display: inline-block;
  list-style-type: none;
  margin: 20px 0 0px 0;
  padding: 0px; }
  ul.progressIndicator li {
    display: inline-block;
    height: 15px;
    width: 35px;
    float: left;
    text-indent: -9999px;
    background-image: url("../img/progressIndicatorBack.svg"); }
    ul.progressIndicator li:first-child {
      background-position: -20px;
      width: 15px; }
      ul.progressIndicator li:first-child a {
        background-position: -20px;
        width: 15px; }
    ul.progressIndicator li a {
      display: block;
      height: 15px;
      width: 35px;
      background-image: url("../img/progressIndicatorFront.svg"); }
      ul.progressIndicator li a:hover {
        opacity: 0.9; }
    ul.progressIndicator li.active {
      background-image: url("../img/progressIndicatorFront.svg"); }

.progressIndicatorLifestyle {
  display: inline-block;
  height: 15px;
  margin-top: 10px;
  background-image: url("../img/progressIndicatorLifestyle.svg");
  background-position: 0 0; }
  .progressIndicatorLifestyle.dots-total-2 {
    width: 50px; }
  .progressIndicatorLifestyle.dots-total-3 {
    width: 85px; }
  .progressIndicatorLifestyle.dots-total-4 {
    width: 120px; }
  .progressIndicatorLifestyle.dots-total-5 {
    width: 155px; }
  .progressIndicatorLifestyle.dots-total-6 {
    width: 190px; }
  .progressIndicatorLifestyle.dots-total-7 {
    width: 225px; }
  .progressIndicatorLifestyle.active-dot-1 {
    background-position: 0px 0px; }
  .progressIndicatorLifestyle.active-dot-2 {
    background-position: 0px -25px; }
  .progressIndicatorLifestyle.active-dot-3 {
    background-position: 0px -50px; }
  .progressIndicatorLifestyle.active-dot-4 {
    background-position: 0px -75px; }
  .progressIndicatorLifestyle.active-dot-5 {
    background-position: 0px -100px; }
  .progressIndicatorLifestyle.active-dot-6 {
    background-position: 0px -125px; }
  .progressIndicatorLifestyle.active-dot-7 {
    background-position: 0px -150px; }

.progressIndicatorRegistration {
  display: inline-block;
  width: 120px;
  height: 15px;
  background-position: 0 0;
  margin-bottom: 30px; }
  .progressIndicatorRegistration.step01 {
    background-image: url("../img/progress01.svg"); }
  .progressIndicatorRegistration.step02 {
    background-image: url("../img/progress02.svg"); }
  .progressIndicatorRegistration.step03 {
    background-image: url("../img/progress03.svg"); }
  .progressIndicatorRegistration.step04 {
    background-image: url("../img/progress04.svg"); }

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  height: 600px; }
  @media screen and (max-width: 767px) {
    .bx-wrapper {
      height: 150px; } }

.bx-wrapper img {
  max-width: 100%;
  display: block;
  opacity: 0.8; }

.bxslider {
  margin: 0;
  padding: 0; }

ul.bxslider {
  list-style: none; }

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0); }

/** THEME
===================================*/
.bx-wrapper {
  background: #fff; }

@media screen and (max-width: 767px) {
  .bx-controls-direction {
    display: none; } }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../img/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-pager {
  bottom: 30px; }
  @media screen and (max-width: 767px) {
    .bx-pager {
      bottom: 15px; } }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000; }

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../img/controls.png") no-repeat 0 -32px; }

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url("../img/controls.png") no-repeat -43px -32px; }

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../img/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../img/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: table; }

.bx-wrapper .bx-caption span {
  color: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 32px;
  padding: 10px; }
  @media screen and (max-width: 767px) {
    .bx-wrapper .bx-caption span {
      font-size: 16px; } }

.cardHeader:hover text,
.cardHeader:active text {
  transform: translateX(0); }

html {
  height: 100%; }

body {
  background-color: #f0f0f5;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #3c3c41;
  height: 100%; }

h1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }
  h1.center {
    text-align: center; }
   h1.main {
    font-size: 24px;
    font-weight: 600; }

h2 {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 10px; }
  h2.center {
    text-align: center; }
  h2.thick{
  	font-weight: bold; }
  h2.main {
    font-size: 24px;
    font-weight: 600; }
   h2.map {
   margin-bottom:10px;
   margin-top:20px;}

h3 {
  font-weight: 300;
  font-size: 14px; }
  h3.center {
    text-align: center; }

h4 {
  color: #8296aa;
  font-size: 14px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 5px; }
  @media screen and (max-width: 767px) {
    h4 {
      font-size: 12px; } }
  h4.center {
    text-align: center; }

.fixedBottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000; }

.alert {
  border-radius: 0px;
  background-color: #8296aa;
  border: none;
  color: white;
  margin-bottom: 0px; }

.alert-danger {
  background-color: #ff7d7d;
  color: white;
  z-index: 3000;
  position: relative; }

p {
  margin-bottom: 10px;
  line-height: 20px; }
  p.preview {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 80px; }
  p.center {
    text-align: center; }

.center {
  text-align: center; }

a {
  outline: 0;
  cursor: pointer;
  color: #38855c; }
  a:hover {
    text-decoration: none; }
  a.document {
    position: relative;
    display: inline-block;
    line-height: 30px;
    width: 100%;
    padding: 0 0 0 10px;
    background: #f8f8fa; }
  a.jumpLink {
    position: relative;
    margin: 25px auto 0 auto;
    display: inline-block;
    font-size: 18px; }
    @media screen and (max-width: 767px) {
      a.jumpLink {
        font-size: 14px; } }

.documentSubline {
  display: block;
  margin-bottom: 10px;
  padding: 5px 0 5px 10px;
  background: #f8f8fa; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #c8d2dc;
  margin: 0 0 20px 0;
  padding: 0; }

.distanceBottom {
  margin-bottom: 30px; }

h2.bulletpoint{
	font-size:18px;
	font-weight:bold; }

.distanceSmallBottom {
  margin-bottom: 10px; }

.teaserimg {
  height: 250px;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .teaserimg {
      height: 200px; } }

.address {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 20px; }

.logo {
  position: absolute;
  top: 15px;
  left: 15px;
  transition: all 0.25s ease; }
  .logo img {
    width: 100px;
    height: 40px; }
  @media screen and (max-width: 767px) {
    .logo {
      top: 15px;
      left: 50%;
      margin-left: -60px; } }

.mfclogo_white {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 200;
  display: block;
  width: 170px;
  height: 60px;
  margin: 0 30px 0 0;
  background-image: url("../img/MyHFC_Logo_White.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px; }
  @media screen and (max-width: 767px) {
    .mfclogo_white {
      left: 15px;
      top: 15px;
      width: 30px;
      height: 30px;
      background-image: url("../img/myfitnessclub-bildmarke.svg"); } }

.login {
  display: block;
  margin-left: 20px;
  height: 20px;
  padding-left: 25px;
  background-image: url("../img/logoutIcon_white.svg");
  background-repeat: no-repeat;
  color: #fff;
  float: right; }
  .login:hover {
    opacity: 0.7;
    color: #fff; }
  @media screen and (max-width: 767px) {
    .login {
      top: 10px;
      right: 15px; } }

.logout {
  display: block;
  position: absolute;
  right: 25px;
  top: 25px;
  width: 20px;
  height: 20px;
  background-image: url("../img/logoutIcon.svg");
  text-indent: -9999px; }
  .logout:hover {
    opacity: 0.7; }

.appointment {
  display: block;
  position: absolute;
  right: 45px;
  top: 10px;
  width: 30px;
  height: 30px;
  background-image: url("../img/appointment.svg");
  background-size: contain;
  text-indent: -9999px; }
  .appointment:hover {
    opacity: 0.7; }

.dataEdit {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  background-image: url("../img/addIconWhite.svg");
  background-size: contain;
  text-indent: -9999px; }
  .dataEdit:hover {
    opacity: 0.7; }

.symbol {
  display: block;
  float: right;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-top: -10px;
  text-align: center;
  color: white;
  background-image: url("../img/crone.svg"); }

.buttonBar {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .buttonBar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding-bottom: 0px; } }
  .buttonBar.sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 500;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white; }
    @media screen and (max-width: 767px) {
      .buttonBar.sticky {
        padding: 0; } }

.primaryButton {
  background-color: #38855c;
  width: 100%;
  height: 38px;
  line-height: 40px;
  padding: 0;
  color: white;
  font-size: 14px;
  font-weight: 600;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px; }
  .primaryButton[disabled]{
    background-color: #abb6bc; }
  .primaryButton:hover {
    color: white;
    background-color: #327850; }
  @media screen and (max-width: 767px) {
    .primaryButton {
      border-radius: 0; } }

.secondaryButton {
  background-color: #8296aa;
  width: 100%;
  height: 40px;
  color: white;
  font-size: 14px;
  font-weight: 600;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px; }
  .secondaryButton:hover {
    background-color: #788ca0; }

.numberedList {
  counter-reset: item;
  padding-left: 0; }

.numberedList li {
  display: block;
  line-height: 24px;
  padding-left: 15px;
  text-indent: -15px; }

.numberedList li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #38855c;
  font-weight: 600; }

.edit {
  text-indent: -9999px;
  height: 20px;
  width: 20px;
  float: right;
  background-image: url("../img/editIcon.svg"); }

.topImage {
  padding-top: 20px;
  height: 200px;
  width: 100%;
  object-fit: cover; }

#healthOverallChart {
  background-color: #194673;
  padding-top: 80px; }
  #healthOverallChart.empty {
    height: 250px;
    background-image: url("../img/empty.png"); }
  @media screen and (max-width: 767px) {
    #healthOverallChart {
      padding-top: 30px; }
      #healthOverallChart #healthOverall {
        margin-left: -15px; } }
  #healthOverallChart .container {
    padding-top: 10px;
    padding-bottom: 10px; }
  #healthOverallChart h1 {
    position: absolute;
    top: 10px;
    left: 100px;
    right: 100px;
    display: block;
    text-align: center;
    margin-top: 0; }

#fitnessOverallChart {
  background-color: #0073b9;
  padding-top: 80px; }
  #fitnessOverallChart.empty {
    height: 250px;
    background-image: url("../img/empty.png"); }
  @media screen and (max-width: 767px) {
    #fitnessOverallChart {
      padding-top: 30px; }
      #fitnessOverallChart #fitnessOverall {
        margin-left: -15px; } }
  #fitnessOverallChart .container {
    padding-top: 10px;
    padding-bottom: 10px; }
  #fitnessOverallChart h1 {
    position: absolute;
    top: 10px;
    left: 100px;
    right: 100px;
    display: block;
    text-align: center;
    margin-top: 0; }

#lifestyleOverallChart {
  background-color: #00aff0;
  padding-top: 80px; }
  #lifestyleOverallChart.empty {
    height: 250px;
    background-image: url("../img/empty.png"); }
  @media screen and (max-width: 767px) {
    #lifestyleOverallChart {
      padding-top: 30px; }
      #lifestyleOverallChart #lifestyleOverall {
        margin-left: -15px; } }
  #lifestyleOverallChart .container {
    padding-top: 10px;
    padding-bottom: 10px; }
  #lifestyleOverallChart h1 {
    position: absolute;
    top: 10px;
    left: 100px;
    right: 100px;
    display: block;
    text-align: center;
    margin-top: 0; }

#content {
  padding-top: 25px;
  background: white; }
  @media screen and (max-width: 767px) {
    #content {
      padding-top: 0px; } }

.sectionHeader {
  text-align: center; }
  .sectionHeader h2 {
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 30px; }
  .sectionHeader h3 {
    margin-bottom: 20px;
    text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .sectionHeader h2 {
      font-size: 18px; } }

.left {
  float: left; }

.right {
  float: right; }

.textRight {
  text-align: right; }

.white {
  color: white; }

.green {
  color: #69c83c; }

.yellow {
  color: #ffc814; }

.red {
  color: #ff7d7d; }

.darkred {
  color: #cd4b4b; }

.greenBg {
  background-color: #69c83c;
  display: block;
  padding: 5px;
  color: white; }

.yellowBg {
  background-color: #ffc814;
  display: block;
  padding: 5px;
  color: white; }

.redBg {
  background-color: #ff7d7d;
  display: block;
  padding: 5px;
  color: white; }

@media screen and (max-width: 767px) {
  .mobileLink {
    border-top: 1px solid #f0f0f5;
    padding-top: 15px;
    padding-bottom: 5px;
    background-image: url("../img/arrowRight.svg");
    background-position: right 15px;
    background-repeat: no-repeat; }
    .mobileLink a {
      display: block;
      width: 100%; } }

.actionLink {
  display: inline-block;
  padding: 15px 0 15px 0; }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0; }

.tablerow {
  background: white;
  margin-bottom: 10px;
  padding: 10px 10px 0 10px;
  vertical-align: middle; }

#registration {
  min-height: 100%;
  background-color: black;
  background-image: url("../img/stageImage.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-bottom: 100px; }
  @media screen and (max-width: 767px) {
    #registration {
      padding-top: 20px;
      padding-bottom: 20px; } }
.content {
  padding: 50px 0 50px 0;
  background: white;
}

.content h2 {
  font-size: 24px;
  font-weight: 600;
  margin: 0.67em 0;
  line-height: 30px;
}

.content h3 {
  font-size: 18px;
  font-weight: 600;
}
#goals {
  padding: 50px 0 50px 0;
  background: #f0f0f5; }

#benefits {
  padding: 50px 0 50px 0;
  background: white; }

#teaser {
  margin: 0;
  overflow: hidden;
  background: black; }
  #teaser li {
    height: 600px; }
    @media screen and (max-width: 767px) {
      #teaser li {
        height: 150px; } }
#companyForm {
  padding: 50px 0 50px 0; }

#mcaSection {
  padding: 25px 0 25px 0;
  background: white; }

#map {
  height: 600px; }

/*# sourceMappingURL=main.css.map */

h2 { font-weight: 300; }
.blue { color: #0173B9; }
.subClaim { position: relative; margin-top: -1px; background-color: #0173B9; }
.subClaim p { font-size: 20px; }
#map { background-color: #d0d0df; }
#simple-as-that { padding: 50px 0 50px 0; background: #f0f0f5; }
#simple-as-that h2 { padding-left: 25px; padding-right: 25px; font-weight: 700}
#simple-as-that h2 > span { display: block; margin-top: 20px; margin-bottom: 10px; }
#pageFooter { padding: 25px 0; }
#pageFooter ul li a { color: #fff; opacity: 1; }
#pageFooter ul li a:hover { opacity: 0.6; }