.tx-ttaddress, .contacts {

  position: relative;
  justify-content: center;
  flex: 1 1 auto;
  a {
    text-decoration: none;
  }
}

.map-wrapper {
  position: relative;
  flex: 1 0 auto;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.contact-card {
  @include make-col-ready();
  @include make-col(6);
  @include media-breakpoint-up(md) {
    @include make-col(3);
  }
  display: flex;
  flex-direction: column;
  padding-top: calc(calc($grid-gutter-width/2));
  padding-bottom: calc($grid-gutter-width/2);
  @include media-breakpoint-only(sm) {
    flex-direction: row;
    align-items: center;
  }

  @include media-breakpoint-up(xl) {
    align-items: flex-end;
    flex-direction: row;
  }

}

.contact-img {
  @include media-breakpoint-down(md) {
    height: 100px;
  }
  @include media-breakpoint-only(lg) {
    height: 100px;

  }
}

.contact-body {
  margin-top: 1em;
  @include media-breakpoint-only(sm) {
    margin-top: inherit;
    margin-left: calc($grid-gutter-width/2);
  }
  @include media-breakpoint-up(xl) {
    margin-top: inherit;
    margin-left: calc($grid-gutter-width/2);
  }
}

.contact-position {
  font-weight: 600;
}

.contact-email {
  display: block;
  color: $body-color;
  &:hover, &:focus {
    text-decoration: none;
  }
}

.contact-phone {
  @extend .contact-email;
}

.contact-email-tooltip {
  white-space: nowrap;
}

.contact-card--stoerung {
  flex-direction: column;
  text-align: center;
  align-items: center;
  .contact-img {
    display: flex;
    justify-content: center;
    align-items: center;
    @include media-breakpoint-up(xl) {
      margin-bottom: 1em;
    }
    > .img-fluid {
      height: 50px;
    }
  }

  .contact-body {
    margin-left: inherit;
  }
  .contact-phone, .contact-name {
    color: $danger;
  }
  .contact-name {
    font-weight: 600;
  }

  .contact-position {
    font-weight: 400;
    font-size: small;
  }
}

.contact-card--solo {

  @include make-col(12);
  padding-top: inherit;
  padding-bottom: inherit;
  flex-direction: row;
  align-items: flex-start;
  .contact-body {
    margin-top: inherit;
    margin-left: calc($grid-gutter-width/2);
  }

}
