/* ═══════════════════════════════════════════════════════════
   Seiten-CSS, Sanierung
   Eigenes Bauteil: Symptom-Suchhilfe (.symp), baut auf .faq auf
   ═══════════════════════════════════════════════════════════ */

.symp{max-width:860px}
.symp details{
  border:1px solid var(--grey); border-bottom:1px solid var(--grey);
  border-radius:var(--r); margin-bottom:.9rem; overflow:hidden;
  background:#fff; transition:border-color .35s, box-shadow .35s;
}
.symp details:last-child{margin-bottom:0}
.symp details[open]{border-color:#B9CEDE; box-shadow:0 20px 44px -32px rgba(0,58,99.4)}
.symp summary{
  display:flex; align-items:center; gap:1rem;
  padding:1.25rem 3.2rem 1.25rem 1.4rem;
}
.symp summary [data-ico]{color:var(--navy); flex:none}
.symp summary::after{right:1.4rem}
.symp .faq__a{padding:0 1.4rem 1.5rem 3.4rem}
.symp .faq__a p+p{margin-top:.9rem}
.symp .faq__a strong{color:var(--deep); font-family:var(--ff-d); font-weight:600}

@media(max-width:560px){
  .symp summary{padding:1.1rem 2.6rem 1.1rem 1.1rem; gap:.7rem}
  .symp .faq__a{padding:0 1.1rem 1.3rem 1.1rem}
}

@medianot all{
  .symp details{transition:none}
}