html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 1000px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 650px;
  }
}

.top-nav-collapse {
  background-color: #3f51b5 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #3f51b5 !important;
  }
}



.card {
  background-color: rgba(126, 123, 215, 0.2);
}

.md-form label {
  color: #ffffff;
}

h6 {
  line-height: 1.7;
}

.btn-success {
    color: #fff;
    background-color: #bd0e0d;
    border-color: #bd0e0d;
  }

  .btn-success:hover {
    color: #fff;
    background-color: #630f0f;
    border-color: #630f0f;
  }

  .required::before {
    content:" *";
    
   
    color:#e5231f
}

.requiredFail {
    background-color:#e2a8a4
  }

  .requiredsuccess {
    background-color:#7cba3b
  }



  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

  html, body {
    background: #8fc7d7 
    /* url("img/hintergrund2.png") repeat; */
  } 

    .display-4{
      font-size: 1.5rem;
    }