$card-deck-margin: .5rem;

.tt_address_list {
  @extend .card-deck;
  margin-right: -$card-deck-margin;
  margin-left: -$card-deck-margin;

  flex-direction: row;
  flex-wrap: wrap;

  // FILLIALEN
  .card-branch {

    margin-right: $card-deck-margin;
    margin-left: $card-deck-margin;
    flex-basis: calc(50% - #{$card-deck-margin*2});
    @include media-breakpoint-up(lg) {
      flex-basis: calc(33.33333% - #{$card-deck-margin*2});
    }
    @include media-breakpoint-up(xl) {
      flex-basis: calc(25% - #{$card-deck-margin*2});
    }
    margin-top: $card-deck-margin;
    margin-bottom: $card-deck-margin;

    .address-name {
      font-weight: bold;
    }

    .address-city {
      font-weight: bold;
      font-size: small;

    }

    .address-address {
      font-size: small;
    }
  }
}


.tt_address_single {

  display: grid; /* display: inline-grid;*/
  grid-gap: $grid-gutter-width;

  grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
  justify-content: stretch;
}


.hero-address {
  background-color: $gray-200;
  padding-top: 10%;

  .address-hero-subheader {
    //font-weight: bold;

    color: $text-muted;
    margin-bottom: 2rem;
  }
  .address-hero-header {
    font-family: $jumbotron-font-family;
    color: $primary-dark;
    margin-bottom: .125em;
  }

  .address-hero-city {
    font-family: $headings-font-family;
    color: $secondary;
  }

  .address-hero-note {
    border-radius: 100%;
    background-color: $primary-dark;
    width: 150px;
    height: 150px;
    position: absolute;
    right: 2%;
    top: 20%;
    display: flex;
    align-items: center;
    justify-items: center;

    &-text {
      color: $white;
    }
  }
}


