.excursion-container {
  background: $color-beige-200;
  padding: $margin-enterprise;
  border-radius: $border-radius-normal;

  @include breakpoint(sm) {
    padding: $margin-double $margin-double $margin-normal;
  }

  @include breakpoint(md) {
    padding: $margin-triple $margin-triple;
  }
}

.excursion-buttons {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding-bottom: $margin-double;

  .btn {
    width: 100%;

    &.btn-function {
      margin-bottom: $margin-enterprise;
    }
  }

  @include breakpoint(sm) {
    flex-direction: row;

    .btn {
      &.btn-function {
        margin-bottom: 0;
      }
    }

    > div:last-child {
      margin-left: $margin-double;
    }
  }

  @include breakpoint(md) {
    .btn {
      &:last-child {
        margin-left: 0;
        margin-bottom: $margin-enterprise;
        padding-right: $margin-double;
      }
    }

    > div:last-child {
      margin-left: 0;
    }
  }
}

.excursion-text {
  border-top: 1px solid $color-tui-grey-25;
  padding: $margin-double 0 $margin-normal;

  p:last-child {
    margin-bottom: 0;
  }
}

.excursion-img {
  margin: 0 $margin-double $margin-double 0;
  float: left;
  width: 96px;

  @include breakpoint(sm) {
    width: 144px;
  }

  @include breakpoint(lg) {
    width: auto;
    margin-bottom: 0;
  }
}

.excursion-categories-list {
  padding-bottom: 0;

  .content-object-container {
    @include breakpoint(md) {
      margin-top: $margin-triple;
    }
  }
}

.excursion-fallback {
  @include breakpoint(md) {
    display: flex;
    flex-direction: row;

    .excursion-buttons {
      flex-direction: column;
      padding-bottom: 0;
      padding-right: $margin-double;
    }

    .excursion-text {
      padding: 0 0 0 $margin-double;
      border-top: none;
      border-left: 1px solid $color-tui-grey-25;
    }
  }
}