/**
 * Akkordeon (Registerkarten der Kategorien, FAQ) – Optik wie die
 * Registerkarten der Produktansicht (Vorlage node/17).
 */
.dw-akk { display: flex; flex-direction: column; }
.dw-akk__item { border: 1px solid #e2e7ec; overflow: hidden; }
.dw-akk__item + .dw-akk__item { border-top: none; }
.dw-akk__item:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.dw-akk__item:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.dw-akk__head {
  position: relative;
  width: 100%;
  padding: 14px 46px 14px 18px;
  text-align: left;
  font-family: 'Anton', sans-serif;
  font-size: 17.6px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #212529;
  background: #fff;
  border: none;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.dw-akk__item.is-open .dw-akk__head { background: #416681; color: #fff; }
.dw-akk__item:not(.is-open) .dw-akk__head:hover { background: #f4f6f8; }
.dw-akk__head::after {
  content: '⌄';
  position: absolute;
  top: 50%;
  right: 18px;
  font-size: 20px;
  transform: translateY(-55%);
  transition: transform .2s;
}
.dw-akk__item.is-open .dw-akk__head::after { transform: translateY(-45%) rotate(180deg); }
.dw-akk__body { display: none; padding: 18px 20px; font-size: 17.6px; line-height: 1.6; }
.dw-akk__item.is-open .dw-akk__body { display: block; }
.dw-akk__body > :first-child { margin-top: 0; }
.dw-akk__body > :last-child { margin-bottom: 0; }
.dw-akk__body img { max-width: 100%; height: auto; }

/* FAQ-Frage: Normalschrift statt Anton-Versalien. */
.dw-faq { margin: 40px 0 0; }
.dw-faq__title,
.dw-kategorie__reiter-title {
  margin: 0 0 16px;
  font-family: 'Anton', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.25;
  color: #416681;
}
.dw-faq .dw-akk__head {
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

@media (max-width: 600px) {
  .dw-akk__head { font-size: 16px; }
  .dw-akk__body { padding: 14px 16px; font-size: 16px; }
  .dw-faq__title,
  .dw-kategorie__reiter-title { font-size: 24px; }
}