/* FAQ — two columns of white cards on the light-grey band (stgallen / luzern, DE + EN; 28.9.2026).
   Standalone, not built by gulp. Bootstrap's collapse does the toggling (no data-parent: several may be open). */
.ec-faq{margin-top:10px}
.ec-faq-item{position:relative;overflow:hidden;background:#fff;border-radius:6px;margin-bottom:14px;padding:0 20px;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}
.ec-faq-q{display:flex;align-items:center;gap:14px;padding:16px 0;color:#3c4858;font-size:.9375rem;font-weight:400;line-height:1.4;text-decoration:none}
.ec-faq-q:hover,.ec-faq-q:focus{color:#000;text-decoration:none}
.ec-faq-q:focus-visible{outline:2px solid #ffd166;outline-offset:2px;border-radius:3px}
.ec-faq-q .mi{margin-left:auto;flex:0 0 auto;font-size:24px;line-height:1;transition:transform .15s}
.ec-faq-q[aria-expanded=true]{color:#000;font-weight:500}
.ec-faq-q[aria-expanded=true] .mi{transform:rotate(180deg)}
.ec-faq-q[aria-expanded=true]::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#ffd166}
.ec-faq-a{padding:0 0 18px;font-size:.9375rem;color:#3c4858}
.ec-faq-a p{margin:0 0 10px}
.ec-faq-a p:last-child{margin-bottom:0}
.ec-faq-a .btn{margin:8px 0 0}
@media (prefers-reduced-motion:reduce){.ec-faq-q .mi{transition:none}}