body, html {
  color: #000;
  background: #d3d6db; }

.navBar {
  background: linear-gradient(to bottom, #4e7394 0%, #4e7394 50%, #456b8e 51%, #456b8e 100%);
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px; }
  .navBar__searchField {
    background: #fff url("../../../img/_btns/search.png") center right no-repeat;
    color: #C5C5C5; }
  .navBar__label {
    color: #fff; }
  .navBar__countup {
    background: #DF3A47; }

.login__button--desktop {
  color: #fff;
  border: 1px solid #fff; }
  .login__button--desktop:hover {
    background: rgba(0, 0, 0, 0.2); }

.content__registration {
  background: #4e7394;
  background: rgba(69, 107, 142, 0.9);
  box-shadow: rgba(255, 255, 255, 0.6) 0 0 4px 5px;
  color: #fff; }

.imageGrid__background {
  background: rgba(0, 0, 0, 0.8);
  color: white; }

.step__entry {
  border: 1px solid #DDD; }
  .step__entry--select {
    background: #fff url(../../../img/_btns/bg_select.png) center right no-repeat; }

.cardsBlock__card {
  background-color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px; }
.cardsBlock__icon {
  color: #4e7394; }
.cardsBlock__social {
  background: #fafafa;
  border-top: 1px solid #e3e5e9;
  border-right: 1px solid #e3e5e9; }
.cardsBlock__button {
  background: #4e7394;
  color: #fff; }

.animation {
  background: #ddd; }
  .animation div {
    color: #fff;
    background: #4e7015;
    -webkit-box-shadow: inset 0 0 2px #99b333;
    border-color: #3b6e22 #3b6e22 #2c5115; }
  .animation span {
    color: #fff; }

.button {
  border: 1px solid #000;
  color: #fff;
  background: #4e7394; }
  .button:hover {
    background: #fff;
    color: #000; }
  .button span {
    color: #fff; }
  .button--female {
    background: rgba(223, 58, 71, 0.5);
    color: #fff; }
    .button--female:hover {
      background: #bd303b;
      color: #fff; }
    .button--female.active {
      background: #df3a47;
      color: #fff; }
      .button--female.active:hover {
        background: #bd303b;
        color: #fff; }
  .button--male {
    background: rgba(99, 178, 236, 0.5);
    color: #fff; }
    .button--male:hover {
      background: #60a1d9;
      color: #fff; }
    .button--male.active {
      background: #63b2ec;
      color: #fff; }
      .button--male.active:hover {
        background: #60a1d9;
        color: #fff; }
  .button--single {
    color: #fff;
    background: #99b333;
    border: 1px solid #79902b;
    text-shadow: none; }
    .button--single:hover {
      color: #fff;
      background: #afcb3b;
      border: 1px solid #a2be3a;
      text-shadow: 0 0 8px #444; }
  .button--grouped {
    color: #fff;
    background: rgba(55, 91, 160, 0.2);
    border: 1px solid #1f385d;
    text-shadow: none; }
    .button--grouped:hover {
      background: #fff;
      color: #000; }
    .button--grouped.active {
      background: #eee;
      color: #000; }
      .button--grouped.active:hover {
        background: #fff; }

.input, .select {
  border: 1px solid #DDD; }

.progress--bar {
  border: 1px solid #000; }
  .progress--bar li.active {
    background: #fff; }
  .progress--bar .visited {
    background: #666; }

#loading {
  background: rgba(0, 0, 0, 0.5); }

.lbl_signup_error {
  background: #f00;
  color: #fff; }

.legal__container {
  background: #4e7394;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -2px 2px; }
.legal__imprint {
  color: #ddd; }
  .legal__imprint:hover {
    color: #fff; }

.legal__privacy {
  color: #ddd;
}

.legal__privacy:hover {
  color: #fff;
}

.legal__agb {
  color: #ddd;
}

.legal__agb:hover {
  color: #fff;
}

.link {
  color: #eee; }
  .link--previous {
    color: #eee; }
    .link--previous:hover {
      color: #fff; }

.icon {
  color: #0f0; }
  .icon--video {
    text-shadow: 1px 1px 2px #777; }

.text {
  color: #000; }
  .text--label {
    color: #fff; }
  .text--dash {
    color: #fff; }
  .text--legal {
    color: #fff; }
  .text--small {
    color: #999; }
  .text--link {
    color: #ddd; }
    .text--link a {
      color: #eee; }
      .text--link a:hover {
        color: #fff; }
  .text--subHeadline {
    color: #fff; }
    .text--subHeadline span {
      color: #93ccff;
      text-shadow: 0 0 5px #444; }
  .text--headline {
    color: #fff; }
    .text--headline span {
      color: #93ccff;
      text-shadow: 0 0 5px #444; }
  .text--social {
    color: #616161; }
  .text--imageLabel {
    color: #616161; }
  .text--button {
    color: #fff; }
  .text--navBar {
    color: #fff; }

@media (max-width: 768px) {
  .navBar__container {
    background: linear-gradient(to bottom, #4e7394 0%, #4e7394 50%, #456b8e 51%, #456b8e 100%);
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px; } }

/*# sourceMappingURL=facebook--blue.css.map */