.dfk-faq-karten {
  --dfk-card-bg: #ececec;
  --dfk-gap: 22px;
  --dfk-cols-desktop: 2;
  --dfk-cols-tablet: 2;
  --dfk-cols-mobile: 1;
  --dfk-padding: 28px;
  --dfk-radius: 14px;
  --dfk-arrow-width: 44px;
  --dfk-arrow-color: #111111;
  --dfk-arrow-gap: 18px;

  width: 100%;
  box-sizing: border-box;
}

.dfk-faq-karten *,
.dfk-faq-karten *::before,
.dfk-faq-karten *::after {
  box-sizing: border-box;
}

.dfk-faq-karten__grid {
  display: grid;
  grid-template-columns: repeat(var(--dfk-cols-desktop), minmax(0, 1fr));
  gap: var(--dfk-gap);
  align-items: stretch;
}

.dfk-faq-karten__grid > .et_pb_module,
.dfk-faq-karten__grid > .dfk_faq_karte,
.dfk-faq-karten__grid > [class*='dfk_faq_karte'] {
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: flex;
  flex-direction: column;
}

.dfk-faq-karten__grid > .et_pb_module > .et_pb_module_inner,
.dfk-faq-karten__grid > .dfk_faq_karte > .et_pb_module_inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
}

.dfk-faq-karten__card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--dfk-arrow-gap);
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: var(--dfk-padding);
  background: var(--dfk-card-bg);
  border-radius: var(--dfk-radius);
}

.dfk-faq-karten__grid > .et_pb_module .dfk-faq-karten__card,
.dfk-faq-karten__grid > .dfk_faq_karte .dfk-faq-karten__card {
  flex: 1 1 auto;
}

.dfk-faq-karten__arrow {
  flex: 0 0 var(--dfk-arrow-width);
  width: var(--dfk-arrow-width);
  color: var(--dfk-arrow-color);
  display: flex;
  align-items: center;
  line-height: 0;
}

.dfk-faq-karten__arrow svg {
  display: block;
  width: 100%;
  height: auto;
}

.dfk-faq-karten--no-arrow .dfk-faq-karten__arrow {
  display: none;
}

.dfk-faq-karten__copy {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  flex: 1 1 auto;
  min-width: 0;
}

.dfk-faq-karten__question,
.dfk-faq-karten__answer {
  min-width: 0;
  overflow-wrap: break-word;
}

.dfk-faq-karten__question > *:first-child,
.dfk-faq-karten__answer > *:first-child {
  margin-top: 0;
}

.dfk-faq-karten__question > *:last-child,
.dfk-faq-karten__answer > *:last-child {
  margin-bottom: 0;
}

.dfk-faq-karten__question :is(h1, h2, h3, h4, h5, h6),
.dfk-faq-karten__answer :is(p, li) {
  overflow-wrap: break-word;
}

.dfk-faq-karten__card-name {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 980px) {
  .dfk-faq-karten__grid {
    grid-template-columns: repeat(var(--dfk-cols-tablet), minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .dfk-faq-karten__grid {
    grid-template-columns: repeat(var(--dfk-cols-mobile), minmax(0, 1fr));
    gap: max(16px, calc(var(--dfk-gap) * 0.85));
  }

  .dfk-faq-karten__card {
    padding: max(18px, calc(var(--dfk-padding) * 0.85));
  }
}

body.et_fb_tablet_mode .dfk-faq-karten__grid,
.et-fb-root-ancestor.et_fb_tablet_mode .dfk-faq-karten__grid {
  grid-template-columns: repeat(var(--dfk-cols-tablet), minmax(0, 1fr)) !important;
}

body.et_fb_phone_mode .dfk-faq-karten__grid,
.et-fb-root-ancestor.et_fb_phone_mode .dfk-faq-karten__grid {
  grid-template-columns: repeat(var(--dfk-cols-mobile), minmax(0, 1fr)) !important;
}