@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900");
html, body {
  height: 100%;
  width: 100%; }

body {
  font-family: 'Lato', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 300;
  color: #181818;
  background-color: white; }

h1, h2, h3, h4 {
  font-weight: 300; }

h1, h2, h3 {
  margin: 1rem 0 1.2rem 0; }

.teamabstand {
  padding-top: 1.3rem; }

  /**
a {
  color: #f2f2f2 !important;
}
**/
.btn-outline-info {
  background-color: white !important; }

.btn-outline-info:hover {
  background-color: #31BCDB !important; }

#start, #register, #login, #logout {
  margin-top: 98px; }

.testformat {
  height: 100% !important; }

.bgeins {
  background: url("../img/misambo-headerbild-start-v06.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; }

.msmb-matching-bg {
  background: url("../img/misambo-logo-bubbles-schnitt.png") no-repeat top right;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  background-size: auto;
  -o-background-size: auto; }

.bgstoerer_matching {
  background: url("../img/bg_stoerer_matching.png") no-repeat top center;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  background-size: auto;
  -o-background-size: auto; }

.bluelink a {
  color: #36bbdc !important; }

.bluelink a:hover {
  color: #36bbdc !important; }

.nav-link {
  color: rgba(0, 0, 0, 0.8) !important; }

.nav-link:hover {
  color: black !important; }

.bghellgruen {
  color: #ffffff;
  background-color: #a3bb51; }

.bgweiss {
  background-color: #ffffff; }

.bghellgrau {
  background-color: #f1f1f1; }

.msmb-matching:nth-child(2n) {
  background-color: #f1f1f1; }

.bghellblau {
  color: #ffffff;
  background-color: #31BCDB; }

.bgdklgruen {
  background-color: #375659; }

.bgfooter {
  background-color: #0F0F0F;
  padding-top: .8rem; }

.texthell {
  color: #ffffff; }

.btn-login {
  color: #ffffff;
  background-color: #EE0673; }

.btn-pink {
  color: #ffffff;
  background-color: #EE0673; }

.contentbox {
  margin-top: 72px !important; }

.questionnaire_background {
  background-color: #F2F2F2; }

#register .card, #login .card {
  background-color: #ffffff;
  padding: 1.85rem; }

.card {
  margin-bottom: 1.8rem !important; }

.telhotline, .telhotlinesm {
  color: #F30073;
  font-weight: 500; }

.telhotline {
  font-size: 3.3rem; }

.telhotlinesm {
  font-size: 1.6rem; }

.slogan {
  color: #31BCDB;
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 2.2rem; }

.pb-6 {
  padding-bottom: 6.0rem; }

.pt-7 {
  padding-top: 7.0rem; }

.textabstand {
  padding-top: 9.0rem;
  padding-bottom: 8.0rem; }

.textabstandzwei {
  padding-top: 4.0rem;
  padding-bottom: 2.0rem; }

.textabstanddrei {
  padding-top: 2.5rem;
  padding-bottom: 1.25rem; }

.textabstandvier {
  padding-top: 1.25rem;
  padding-bottom: 2.5rem; }

.textabstandfuenf {
  padding-bottom: 3.25rem; }

.small {
  font-size: 0.8rem; }

.buttonabstand {
  padding-top: 3.0rem; }

.expertsimg {
  margin: 0 .7rem; }

.helppos {
  margin: 0 0 1.0rem 1.0rem;
  position: fixed;
  right: 47px;
  bottom: 7px;
  z-index: 1030;
  width: 100px; }

.f_icon {
  color: rgba(0, 0, 0, 0.3);
  padding: 0 0.6rem; }

.bilder {
  padding: 1.0rem; }

.picfourpos {
  margin-left: -15px; }

.videopic {
  margin-top: 1.3rem; }

.gratis {
  position: absolute;
  right: 5rem;
  top: -15rem; }

.card-height {
  height: 90%; }

.navbar-brand {
  position: relative;
  width: 180px;
  left: 15px; }

.img-nav {
  max-width: 15% !important;
  margin: 0;
  height: auto; }

#footer a {
  color: #ffffff !important; }

.footer-padding {
  padding-top: 2.0rem;
  padding-bottom: 0.8rem; }

.descript_number {
  width: 90px;
  padding: 0.6rem 0; }

/**Fragebogen**/
.advanceintro {
  padding: 2.1rem 0 2.6rem 1.0rem; }

.intro {
  padding-bottom: 1.8rem; }

.profile-block-headline {
  padding: 2.2rem 0 1.6rem 0; }

.profile-block-btn-bottom {
  padding: 2.2rem 0; }

#attr-x1.attr-mandatory, #attr-x2.attr-mandatory, #attr-x3.attr-mandatory, #attr-x4.attr-mandatory, #attr-x5.attr-mandatory, #attr-x6.attr-mandatory, #attr-x7.attr-mandatory {
  padding: 0 !important; }

.attr-mandatory, .attr-optional {
  padding: 1.6rem 0 1.6rem 0;
  margin-bottom: 1.0rem;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 15px;
  border-bottom-width: 1px;
  border-left-width: 15px; }

.attr-mandatory {
  border-color: #36bbdc;
  background-color: white; }

.attr-optional {
  border-color: #a3bb50;
  background-color: white; }

.attr-incomplete {
  border-color: #ff6900; }

/**
.profile-attribute:hover {
  background-color: rgba(0, 0, 0, 0.1); }
**/
.attr-headline {
  border-style: none; }

.question_head {
  font-size: 1.3rem;
  color: #365454; }

.explanation {
  margin-bottom: .8rem;
  padding: .35rem;
  color: #636c72;
  font-style: italic; }

.attr-headline {
  background-color: #F2F2F2; }

.attr-mandatory .explanation {
  color: #36bbdc; }

.attr-optional .explanation {
  color: #a3bb50; }

.attr-note {
  color: #36bbdc;
  margin-bottom: .8rem;
  padding: .35rem;
  font-style: italic; }

/** optionale Fragen  **/
.toenung {
  background-color: #f7f7f9; }

.regcard {
  padding: 1.5rem; }

.btn-register {
  color: #ffffff;
  background-color: #F30073;
  border-color: #F30073; }

.btn-register:hover,
.btn-register:focus,
.btn-register:active,
.btn-register.active,
.open .dropdown-toggle.btn-register {
  color: #ffffff;
  background-color: #C2025C;
  border-color: #C2025C; }

.btn-register:active,
.btn-register.active,
.open .dropdown-toggle.btn-register {
  background-image: none; }

.btn-register.disabled,
.btn-register[disabled],
fieldset[disabled] .btn-register,
.btn-register.disabled:hover,
.btn-register[disabled]:hover,
fieldset[disabled] .btn-register:hover,
.btn-register.disabled:focus,
.btn-register[disabled]:focus,
fieldset[disabled] .btn-register:focus,
.btn-register.disabled:active,
.btn-register[disabled]:active,
fieldset[disabled] .btn-register:active,
.btn-register.disabled.active,
.btn-register[disabled].active,
fieldset[disabled] .btn-register.active {
  background-color: #F30073;
  border-color: #F30073; }

.btn-register .badge {
  color: #F30073;
  background-color: #ffffff; }

/** Matching **/
.img-profil {
  max-width: 40% !important;
  margin: 1.6rem 0 1.2rem 0;
  height: auto; }

.img-list {
  max-width: 77% !important;
  height: auto;
  margin-bottom: 1.3rem; }

.profilname {
  margin-left: -20px; }

.prozent {
  font-weight: 400;
  font-size: 3.2rem;
  color: #a3bb51; }

/** Matching Liste **/
.fa-check-green {
  color: #a3bb51; }

.fa-check-trans {
  color: rgba(0, 0, 0, 0); }

.flag-pos {
  margin-top: -10px; }

/** Nachrichten **/
a.dash-link, a.messagelist {
  color: #000000 !important; }

a.dash-link:hover, a.messagelist:hover {
  color: darkgrey !important;
  text-decoration: none; }

a.alert:hover {
  text-decoration: none !important; }

.badge-message {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem; }

.nav-icon {
  width: 36px;
  float: left;
  margin-right: .6rem; }

.nav-line {
  line-height: 36px; }

.dash-icon {
  width: 28px;
  vertical-align: bottom;
  margin-right: .6rem; }

.ico-disabled {
  opacity: 0.5; }

.account_icon {
  width: 48px;
  float: left;
  vertical-align: bottom;
  margin-right: .8rem; }

.account-icon-text-aglin {
  line-height: 38px; }

.account-icon-text-aglin_2 {
  line-height: 20px; }

.bubble {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  margin-bottom: 2.2rem; }

.txtgreen {
  color: #a3bb51 !important; }

.txtblue {
  color: #36bbdc !important; }

#mission-head .container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.sec-headline {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: lightgrey;
  margin-top: 6.1rem !important; }

[data-toggle="collapse"] .fa:before {
  content: "\f139"; }

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a"; }

.btn-link {
  color: black !important; }

.btn-link:hover {
  color: rgba(0, 0, 0, 0.6) !important; }

.msmb-star, .msmb-flag, .msmb-abuse-flag {
  color: grey;
  cursor: pointer; }

.msmb-star-active {
  color: #f0ad4e; }

.msmb-flag-active {
  color: #F30073; }

.msmb-relation-flag-0 i {
  color: grey !important; }

.msmb-relation-flag-1 i {
  color: #f0ad4e !important; }

.msmb-relation-flag-2 i {
  color: #f0ad4e !important; }

.msmb-relation-flag-3 i {
  color: #36bbdc !important; }

.msmb-relation-flag a:hover {
  text-decoration: none; }

#faq .fa {
  color: #a3bb51 !important; }

#tipps .fa, #accordionX .fa {
  color: #36bbdc !important; }

.favorit {
  position: absolute;
  right: 1.0rem;
  top: 0; }

.matching_list_icon {
  padding: 0 1.0rem; }

@media (max-width: 575.98px) {
  .pb-6 {
    padding-bottom: 1.0rem; }

  .pt-7 {
    padding-top: 1.5rem; }

  .helppos {
    margin: 0;
    position: fixed;
    right: 7px;
    bottom: 7px;
    z-index: 1030;
    width: 50px; }

  .expertimgpad {
    padding-bottom: .8rem; }

  .navbar-brand {
    position: relative;
    width: 160px;
    left: 1px; }

  * {
    transition: .25s ease-in-out;
    box-sizing: border-box; }

  .burger {
    display: block;
    background: #566973;
    border-radius: 2px; }

  #menu-toggle {
    width: 30px;
    height: 30px;
    margin: 1px auto;
    position: relative;
    position: relative;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 5px; }
    #menu-toggle:hover {
      background: rgba(255, 255, 255, 0.8); }
    #menu-toggle #hamburger {
      position: absolute;
      height: 100%;
      width: 100%; }
      #menu-toggle #hamburger span {
        width: 30px;
        height: 4px;
        position: relative;
        top: -1px;
        left: 0px;
        margin: 5px 0; }
        #menu-toggle #hamburger span:nth-child(1) {
          transition-delay: .5s; }
        #menu-toggle #hamburger span:nth-child(2) {
          transition-delay: .625s; }
        #menu-toggle #hamburger span:nth-child(3) {
          transition-delay: .75s; }
    #menu-toggle #cross {
      position: absolute;
      height: 100%;
      width: 100%;
      transform: rotate(45deg); }
      #menu-toggle #cross span:nth-child(1) {
        height: 0%;
        width: 4px;
        position: absolute;
        top: 10%;
        left: 13px;
        transition-delay: 0s; }
      #menu-toggle #cross span:nth-child(2) {
        width: 0%;
        height: 4px;
        position: absolute;
        left: 10%;
        top: 13px;
        transition-delay: .25s; }

  #menu-toggle.open #hamburger span {
    width: 0%; }
    #menu-toggle.open #hamburger span:nth-child(1) {
      transition-delay: 0s; }
    #menu-toggle.open #hamburger span:nth-child(2) {
      transition-delay: .125s; }
    #menu-toggle.open #hamburger span:nth-child(3) {
      transition-delay: .25s; }
  #menu-toggle.open #cross span:nth-child(1) {
    height: 80%;
    transition-delay: .625s; }
  #menu-toggle.open #cross span:nth-child(2) {
    width: 80%;
    transition-delay: .375s; } }
.slick-slide {
  margin: 0px 20px; }

.slick-slide img {
  width: 100%; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

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