/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./officeclassics_wp_data/wp-content/themes/officeclassics/src/css/faqs.scss ***!
  \********************************************************************************************************************************************************************/
.faq-page {
  padding-block: clamp(140px, 12.5vw, 240px) clamp(80px, 7.291667vw, 140px);
}
.faq-page .title-row {
  position: relative;
  --border-width: 0px;
}
.faq-page .title-row::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: var(--border-width);
  height: 1px;
  background-color: var(--color-black);
}
.faq-page .title-row h1 {
  grid-column: span 12;
  font-size: clamp(40px, 4.166667vw, 80px);
  line-height: 95%;
  margin-bottom: 32px;
  letter-spacing: -0.01em;
}
@media (min-width: 1200px) {
  .faq-page .title-row h1 {
    letter-spacing: -0.02em;
  }
}
.faq-page .search-row {
  padding-top: 32px;
}
.faq-page .search-row #faq-schlagwort-suche {
  grid-column: span 12;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .faq-page .search-row #faq-schlagwort-suche {
    grid-column: 7/span 6;
  }
}
.faq-page .search-row #faq-schlagwort-suche #schlagwort-suchfeld {
  appearance: none;
  font-size: 1rem;
  padding: 1em 1.5em;
  line-height: 170%;
  margin: 0;
  width: 100%;
  background: transparent;
  outline: none;
  border: solid 1px var(--color-border-onwhite-state-3);
  border-radius: 200em;
}
.faq-page .search-row #faq-schlagwort-suche #schlagwort-suchfeld:focus {
  border: solid 1px var(--color-black);
}
.faq-page .search-row #faq-schlagwort-suche .faq-item-wrapper {
  margin-block: 0;
  padding-top: 32px;
}
.faq-page .faq-cat-row {
  margin-top: clamp(80px, 9.375vw, 180px);
  border-top: solid 1px var(--color-black);
}
.faq-page .faq-cat-row h2 {
  grid-column: span 12;
  padding-top: 32px;
  font-size: clamp(40px, 4.166667vw, 80px);
  line-height: 95%;
  margin-bottom: 0.5em;
  letter-spacing: -0.01em;
}
@media (min-width: 1200px) {
  .faq-page .faq-cat-row h2 {
    letter-spacing: -0.02em;
  }
}
@media (min-width: 768px) {
  .faq-page .faq-cat-row h2 {
    grid-column: span 6;
    grid-row: 1;
  }
}
.faq-page .faq-cat-row .faq-item-wrapper {
  grid-column: span 12;
}
@media (max-width: 767px) {
  .faq-page .faq-cat-row .faq-item-wrapper {
    margin-block: 0;
  }
}
@media (min-width: 768px) {
  .faq-page .faq-cat-row .faq-item-wrapper {
    grid-column: span 6;
    grid-row: 1;
  }
}