Verschiedenes

        <a class="d-flex link-collapse" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
  <i class="icn-pfeil-s-rechts"></i>
  <span>I know the consumption and would like to enter it directly</span>
</a>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
  </div>
</div>
      

        .link-collapse {
  display: block;
  margin-bottom: 1.5rem;
  font-family: $myc-font;
  font-weight: bold;
  line-height: 1.2rem;

  span {
    margin-top: 0.4rem;
  }

  &[aria-expanded=false] {
    i::before {
      content: '\e829';
    }
  }

  &[aria-expanded=true] {
    i::before {
      content: '\e82a';
    }
  }
}

.form-group + .form-group.link-collapse {
  margin-top: 2.1rem;
}

      

        <div class="alert alert-danger" role="alert">
  Bitte füllen Sie die unten angezeigten Felder aus!
</div>
<div class="alert alert-secondary" role="alert">
  Sie haben sich erfolgreich angemeldet
</div>