/* ==========================================================
   DTKV FAQ – AKKORDEON, FILTER UND KATEGORIEN
   ========================================================== */


/* ==========================================================
   SUCHE
   ========================================================== */

.dtkv-faq-filter {
  width: 100%;
  margin: 0;
}

.dtkv-faq-filter__search {
  position: relative;
  width: 100%;
  min-width: 0;
  background: #fff;
}

.dtkv-faq-filter__search-input {
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 76px 0 16px;

  appearance: none;
  -webkit-appearance: none;

  background: var(--dtkv-surface, #ffffff);
  border: 1px solid var(--dtkv-border-strong, #d8d0c4);
  border-radius: 8px !important;

  color: var(--dtkv-text, #1f1f1f);
  font: inherit;
  font-size: 15px;
  line-height: 1;

  box-shadow: none;

  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.dtkv-faq-filter__search-input::placeholder {
  color: var(--dtkv-secondary, #4a4a4a);
  opacity: 0.75;
}

.dtkv-faq-filter__search-input:hover {
  border-color: var(--dtkv-primary, #a9936f);
}

.dtkv-faq-filter__search-input:focus {
  border-color: var(--dtkv-primary, #a9936f);
  outline: none;
  box-shadow: 0 0 0 3px rgba(169, 147, 111, 0.14);
}

.dtkv-faq-filter__search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;

  width: 14px;
  height: 14px;
  margin-right: 36px;

  background:
    linear-gradient(
      45deg,
      transparent 46%,
      currentColor 47%,
      currentColor 53%,
      transparent 54%
    ),
    linear-gradient(
      -45deg,
      transparent 46%,
      currentColor 47%,
      currentColor 53%,
      transparent 54%
    );

  color: var(--dtkv-secondary, #4a4a4a);
  cursor: pointer;
  opacity: 0.65;
}

.dtkv-faq-filter__search-input::-webkit-search-cancel-button:hover {
  opacity: 1;
}

.dtkv-faq-filter__search-button {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;

  appearance: none;
  -webkit-appearance: none;

  background: transparent !important;
  border: 0;
  border-radius: 0 8px 8px 0 !important;

  color: var(--dtkv-text, #1f1f1f) !important;
  cursor: pointer;
  box-shadow: none !important;

  transition: color 0.18s ease;
}

.dtkv-faq-filter__search-button:hover,
.dtkv-faq-filter__search-button:active {
  background: transparent !important;
  color: var(--dtkv-primary, #a9936f) !important;
}

.dtkv-faq-filter__search-button:focus-visible {
  outline: 2px solid var(--dtkv-primary, #a9936f);
  outline-offset: -3px;
}

.dtkv-faq-filter__search-button svg {
  display: block;
  width: 19px;
  height: 19px;
  fill: currentColor;
}


/* ==========================================================
   KATEGORIENKARTE
   ========================================================== */

.dtkv-faq-sidebar {
  overflow: hidden;

  width: 320px;
  min-width: 230px;
  flex: 0 0 230px;

  background: var(--dtkv-surface, #ffffff);
  border: 1px solid var(--dtkv-line, #e8e4de);
  border-radius: 12px !important;
}

.dtkv-faq-sidebar .elementor-widget-heading {
  margin: 0 !important;
  padding: 18px 20px 16px !important;
  border-bottom: 1px solid var(--dtkv-line, #e8e4de);
}

.dtkv-faq-sidebar .elementor-widget-heading .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.dtkv-faq-sidebar .elementor-heading-title {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--dtkv-text, #1f1f1f);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.dtkv-faq-categories {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

.dtkv-faq-categories__item {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;

  width: 100%;
  min-height: 56px;
  padding: 0 18px;

  background: transparent;
  border: 0;
  border-top: 1px solid var(--dtkv-line, #e8e4de);
  border-radius: 0;

  color: var(--dtkv-text, #1f1f1f);
  text-decoration: none;

  transition:
    color 0.18s ease,
    background-color 0.18s ease;
}

.dtkv-faq-categories__item:first-child {
  border-top: 0;
}

.dtkv-faq-categories__item::before {
  content: "";

  width: 22px;
  height: 22px;

  background-color: var(--dtkv-secondary, #4a4a4a);
  opacity: 0.78;

  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;

  transition:
    background-color 0.18s ease,
    opacity 0.18s ease;
}

.dtkv-faq-categories__label {
  min-width: 0;

  overflow: hidden;
  color: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dtkv-faq-categories__count {
  min-width: 22px;

  color: var(--dtkv-secondary, #4a4a4a);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-align: right;
  opacity: 0.75;
}

.dtkv-faq-categories__item:hover:not(.is-active) {
  background: #fafaf9;
  color: var(--dtkv-text, #1f1f1f);
}

.dtkv-faq-categories__item:hover:not(.is-active)::before {
  background-color: var(--dtkv-primary, #a9936f);
  opacity: 1;
}

.dtkv-faq-categories__item.is-active {
  width: auto;
  min-height: 52px;
  margin: 8px 10px;
  padding: 0 16px;

  background: var(--dtkv-primary, #a9936f);
  border: 0;
  border-radius: 8px;

  color: #ffffff;
}

.dtkv-faq-categories__item.is-active:hover,
.dtkv-faq-categories__item.is-active:focus-visible {
  background: var(--dtkv-accent, #8a7554);
  color: #ffffff;
}

.dtkv-faq-categories__item.is-active::before {
  background-color: #ffffff;
  opacity: 1;
}

.dtkv-faq-categories__item.is-active .dtkv-faq-categories__count {
  color: #ffffff;
  opacity: 1;
}

.dtkv-faq-categories__item[data-dtkv-faq-category="alle"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.7 2.7 0 1 1 4.1 2.3c-.9.5-1.6 1.1-1.6 2.2M12 17h.01'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.7 2.7 0 1 1 4.1 2.3c-.9.5-1.6 1.1-1.6 2.2M12 17h.01'/%3E%3C/svg%3E");
}

.dtkv-faq-categories__item[data-dtkv-faq-category="einstieg"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0-3.7 10.7c.8.6 1.2 1.3 1.2 2.3h5c0-1 .4-1.7 1.2-2.3A6 6 0 0 0 12 3Z'/%3E%3Cpath d='M9.5 19h5M10.5 22h3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0-3.7 10.7c.8.6 1.2 1.3 1.2 2.3h5c0-1 .4-1.7 1.2-2.3A6 6 0 0 0 12 3Z'/%3E%3Cpath d='M9.5 19h5M10.5 22h3'/%3E%3C/svg%3E");
}

.dtkv-faq-categories__item[data-dtkv-faq-category="vereine"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.dtkv-faq-categories__item[data-dtkv-faq-category="spielbetrieb"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0V4Z'/%3E%3Cpath d='M7 6H4v2a4 4 0 0 0 4 4M17 6h3v2a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0V4Z'/%3E%3Cpath d='M7 6H4v2a4 4 0 0 0 4 4M17 6h3v2a4 4 0 0 1-4 4'/%3E%3C/svg%3E");
}

.dtkv-faq-categories__item[data-dtkv-faq-category="regeln"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z'/%3E%3C/svg%3E");
}

.dtkv-faq-categories__item[data-dtkv-faq-category="verband"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V10l7-5 7 5v11M9 21v-6h6v6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V10l7-5 7 5v11M9 21v-6h6v6'/%3E%3C/svg%3E");
}

.dtkv-faq-categories__item[data-dtkv-faq-category="weitere"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3C/svg%3E");
}


/* ==========================================================
   VERZEICHNIS UND GRUPPEN
   ========================================================== */

.dtkv-faq-directory {
  width: 100%;

  transition:
    opacity 0.18s ease,
    filter 0.18s ease;
}

.dtkv-faq-directory.is-loading {
  opacity: 0.45;
  filter: grayscale(0.15);
  pointer-events: none;
}

.dtkv-faq-filter.is-loading {
  cursor: progress;
}

.dtkv-faq-filter.is-loading .dtkv-faq-filter__search-button {
  pointer-events: none;
}

.dtkv-faq-filter.is-loading .dtkv-faq-filter__search-button svg {
  animation: dtkv-faq-search-pulse 0.8s ease-in-out infinite alternate;
}

@keyframes dtkv-faq-search-pulse {
  from {
    opacity: 0.4;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.dtkv-faq-group + .dtkv-faq-group {
  margin-top: 18px;
}

.dtkv-faq-group__head {
  display: flex;
  align-items: center;
  gap: 7px;

  min-height: 40px;
  margin: 0;
  padding: 10px 18px 9px;

  background: #fafaf9;
  border: 1px solid var(--dtkv-line, #e8e4de);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
}

.dtkv-faq-group__head::before {
  content: "";

  flex: 0 0 auto;
  width: 4px;
  height: 16px;
  margin-right: 7px;

  background: var(--dtkv-primary, #a9936f);
  border-radius: 999px;
}

.dtkv-faq-group__title {
  margin: 0;

  color: var(--dtkv-secondary, #4a4a4a);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.dtkv-faq-group__count {
  color: var(--dtkv-secondary, #4a4a4a);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  opacity: 0.72;
}

.dtkv-faq-group__count::before {
  content: "·";
  margin-right: 6px;
  opacity: 0.65;
}

.dtkv-faq-group__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dtkv-faq-group__head + .dtkv-faq-group__items {
  padding-top: 8px;
}

.dtkv-faq-directory__footer {
  display: flex;
  justify-content: flex-end;

  margin-top: 16px;

  color: var(--dtkv-secondary, #4a4a4a);
  font-size: 14px;
}

.dtkv-faq-directory__empty,
.dtkv-faq__empty {
  margin: 0;
  padding: 42px 24px;

  background: var(--dtkv-surface, #ffffff);
  border: 1px solid var(--dtkv-line, #e8e4de);
  border-radius: 12px;

  color: var(--dtkv-secondary, #4a4a4a);
  text-align: center;
}

.dtkv-faq-directory__empty p {
  margin: 0;
}


/* ==========================================================
   AKKORDEON
   ========================================================== */

.dtkv-faq {
  display: flex;
  flex-direction: column;
  gap: 8px;

  width: 100%;
}

.dtkv-faq__item {
  overflow: hidden;

  background: var(--dtkv-surface, #ffffff);
  border: 1px solid var(--dtkv-border, #ece7df);
  border-radius: 12px;
}

.dtkv-faq__heading {
  margin: 0;
  padding: 0;
}

.dtkv-faq__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  width: 100%;
  min-height: 68px;
  margin: 0;
  padding: 17px 20px;

  appearance: none;
  -webkit-appearance: none;

  background: var(--dtkv-surface, #ffffff);
  border: 0;
  border-radius: 0;

  color: var(--dtkv-text, #1f1f1f);
  font: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;

  cursor: pointer;
  box-shadow: none;

  transition:
    color 0.18s ease,
    background-color 0.18s ease;
}

.dtkv-faq__button:hover,
.dtkv-faq__button[aria-expanded="true"]:hover {
  background: #fafaf9;
  color: var(--dtkv-primary, #a9936f);
}

.dtkv-faq__button[aria-expanded="true"],
.dtkv-faq__button:active,
.dtkv-faq__button:focus {
  background: var(--dtkv-surface, #ffffff);
  color: var(--dtkv-text, #1f1f1f);
  box-shadow: none;
}

.dtkv-faq__button:focus-visible {
  position: relative;
  z-index: 2;

  outline: 2px solid var(--dtkv-primary, #a9936f);
  outline-offset: -3px;
}

.dtkv-faq__question {
  min-width: 0;
}

.dtkv-faq__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;
  flex: 0 0 26px;

  color: var(--dtkv-primary, #a9936f);

  transition: transform 0.22s ease;
}

.dtkv-faq__icon svg {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.dtkv-faq__button[aria-expanded="true"] .dtkv-faq__icon {
  transform: rotate(180deg);
}

.dtkv-faq__panel {
  height: 0;
  overflow: hidden;

  transition: height 0.25s ease;
}

.dtkv-faq__panel[hidden] {
  display: none;
}

.dtkv-faq__panel-inner {
  padding: 19px 20px 21px;

  border-top: 1px solid var(--dtkv-divider, #e2ddd5);

  color: var(--dtkv-text, #1f1f1f);
  font-size: 16px;
  line-height: 1.55;
}

.dtkv-faq__panel-inner > :first-child {
  margin-top: 0;
}

.dtkv-faq__panel-inner > :last-child {
  margin-bottom: 0;
}


/* ==========================================================
   MOBILER FILTER
   ========================================================== */

.dtkv-faq-filter-toggle {
  display: none;
}

@media (max-width: 700px) {

  button.dtkv-faq-filter-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;

    width: 100% !important;
    min-height: 50px !important;
    margin: 10px 0 !important;
    padding: 0 16px !important;

    background: #ffffff !important;
    border: 1px solid var(--dtkv-border-strong, #d8d0c4) !important;
    border-radius: 10px !important;

    color: var(--dtkv-text, #1f1f1f) !important;
    font: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-transform: none !important;

    cursor: pointer;
    box-shadow: none !important;
  }

  button.dtkv-faq-filter-toggle:hover,
  button.dtkv-faq-filter-toggle:focus,
  button.dtkv-faq-filter-toggle:active {
    background: var(--dtkv-primary-soft, #f3efe8) !important;
    border-color: var(--dtkv-primary, #a9936f) !important;
    color: var(--dtkv-text, #1f1f1f) !important;
  }

  button.dtkv-faq-filter-toggle:focus-visible {
    outline: 2px solid var(--dtkv-primary, #a9936f);
    outline-offset: 2px;
  }

  .dtkv-faq-filter-toggle__icon {
    display: block;
    flex: 0 0 auto;

    width: 9px;
    height: 9px;

    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;

    transform: rotate(45deg) translateY(-2px);
    transition: transform 0.2s ease;
  }

  button.dtkv-faq-filter-toggle[aria-expanded="true"]
  .dtkv-faq-filter-toggle__icon {
    transform: rotate(225deg) translate(-2px, -2px);
  }

  #dtkv-faq-mobile-filters.dtkv-faq-mobile-filters {
    display: none !important;
  }

  #dtkv-faq-mobile-filters.dtkv-faq-mobile-filters.is-open {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    margin: 10px 0;
  }

  .dtkv-faq-sidebar {
    width: 100%;
    min-width: 0;
    flex-basis: auto;
  }

  .dtkv-faq-sidebar .elementor-widget-heading {
    padding: 16px !important;
  }

  .dtkv-faq-sidebar .elementor-heading-title {
    font-size: 17px;
  }

  .dtkv-faq-categories__item {
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 12px;

    min-height: 52px;
    padding: 0 16px;
  }

  .dtkv-faq-categories__label,
  .dtkv-faq-categories__count {
    font-size: 14px;
  }

  .dtkv-faq-filter__search-input,
  .dtkv-faq-filter__search-button {
    height: 46px;
  }

  .dtkv-faq-filter__search-button {
    width: 46px;
  }

  .dtkv-faq-group + .dtkv-faq-group {
    margin-top: 16px;
  }

  .dtkv-faq-group__head {
    padding: 10px 16px 8px;
    border-radius: 10px 10px 0 0;
  }

  .dtkv-faq-group__title {
    font-size: 13.5px;
  }

  .dtkv-faq-group__count {
    font-size: 11.5px;
  }

  .dtkv-faq__button {
    min-height: 62px;
    padding: 15px 17px;

    font-size: 15px;
  }

  .dtkv-faq__panel-inner {
    padding: 17px 17px 19px;

    font-size: 15px;
    line-height: 1.5;
  }

  .dtkv-faq-directory__footer {
    justify-content: flex-start;
  }
}


/* ==========================================================
   REDUZIERTE BEWEGUNG
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

  .dtkv-faq-filter__search-button svg,
  .dtkv-faq-directory,
  .dtkv-faq__button,
  .dtkv-faq__icon,
  .dtkv-faq__panel,
  .dtkv-faq-filter-toggle__icon {
    transition: none;
    animation: none;
  }
}

/* ==========================================================
   FAQ-KATEGORIEÜBERSCHRIFT – KORREKTUR
   ========================================================== */

.dtkv-faq-group__head {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 18px 9px !important;

  background: #fafaf9 !important;
  border: 1px solid var(--dtkv-line, #e8e4de) !important;
  border-bottom: 0 !important;
  border-radius: 12px 12px 0 0 !important;
}

.dtkv-faq-group__head::before {
  content: "" !important;

  flex: 0 0 auto !important;
  width: 4px !important;
  height: 16px !important;
  margin-right: 7px !important;

  background: var(--dtkv-primary, #a9936f) !important;
  border-radius: 999px !important;
}

.dtkv-faq-group__title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--dtkv-secondary, #4a4a4a) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.dtkv-faq-group__count {
  margin: 0 !important;

  color: var(--dtkv-secondary, #4a4a4a) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  opacity: 0.72 !important;
}

.dtkv-faq-group__count::before {
  content: "·";
  margin-right: 6px;
  opacity: 0.65;
}

@media (max-width: 700px) {
  .dtkv-faq-group__head {
    padding: 10px 16px 8px !important;
  }

  .dtkv-faq-group__title {
    font-size: 13.5px !important;
  }

  .dtkv-faq-group__count {
    font-size: 11.5px !important;
  }
}

/* ==========================================================
   LINKS IN FAQ-ANTWORTEN
   ========================================================== */

.dtkv-faq__panel-inner a,
.dtkv-faq__panel-inner a:visited {
  color: var(--dtkv-primary, #a9936f);
  font-weight: 600;
    text-decoration: underline;
  text-decoration-thickness: .8px;
  text-underline-offset: 3px;
}

.dtkv-faq__panel-inner a:hover {
  color: var(--dtkv-accent, #8a7554);
}