/* === ÄUSSERER BLOCK (ein Rahmen für alles) === */
.dg-faq{
  margin: 24px 0;
  background: #ffffff;
  border-radius: 50px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.1);
  padding: 1.3rem;                 /* Innenabstand des Blocks */
}


/* Liste im Block */
.dg-faq__list{
  display: grid;
  gap: 1.5rem;                     /* Abstand zwischen Pills */
  padding: 1rem;                 /* etwas Luft links/rechts */
}


/* Frage-Pill bleibt wie gehabt */
.dg-faq__btn{
  all: unset;
  display:flex; align-items:center; gap:16px;
  width: 100%;
  background:#efefef;
  border-radius: 999px;
  padding: 1rem 2.5rem 1rem 2.5rem;
  cursor:pointer;
  transition: background .15s ease, transform .15s ease;
}
.dg-faq__btn:hover{ background:#e9e9e9; }
.dg-faq__q{ font-weight:700; font-size:1.5rem; line-height: 1.3em; color:#111; }

/* roter Pfeil links */
.dg-faq__icon{
  position: relative;
  margin-top: -10px;
  border-left: 24px solid #ff2a2a;
  border-top: 12.5px solid transparent;
  border-bottom: 12.5px solid transparent;
  transform: rotate(-35deg);
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.2));
}

/* Antwortpanel */
.dg-faq__panel{
  overflow:hidden;
  max-height:0;
  transition: max-height .25s ease;
  padding: 0 18px;
}
.dg-faq__a{
  padding: 1rem 2.5rem;
  color:#1a1a1a;
  line-height:1.6;
}
.dg-faq__a p{ margin: 0 0 10px; }

/* offen */
.dg-faq__btn[aria-expanded="true"]{ background:#f3f3f3; }

/* responsiv */
@media (max-width: 640px){
  .dg-faq{ border-radius: 24px; padding: 16px; }
  .dg-faq__list{ gap: 12px; }
  .dg-faq__btn{ padding:14px 18px; }
}