@use '../base' as *;
@use '../abstracts' as *;

.faq {
  display: flex;
  flex-direction: column;
  @include container();
  margin-bottom: 3rem;

  @include breakpoint(medium) {
    margin-bottom: 4rem;
  }

  .field--name-field-title {
    font-family: $font-primary;
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #0e2926;
    z-index: 15;
    position: relative;
    text-align: center;
    padding-bottom: 1.5rem;

    @include breakpoint(large) {
      text-align: left;
      max-width: 60rem;
      padding-bottom: 2rem;
    }
  }

  .faq-teaser__list_item_question {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .faq-teaser__list_item_question_container img {
    width: 28px;
    height: 28px;
  }
}