/* ─────────────────────────────────────────────────────────────────
   FAQ – Farben nur aus den Flächen-Tokens (_basis.css), damit der
   Baustein auf hellem, abgesetztem, Akzent- und dunklem Grund trägt.
   ───────────────────────────────────────────────────────────────── */
.lt-faq{padding:64px 0}
.lt-faq__kopf{margin:0 auto 30px;max-width:44rem;text-align:center}
.lt-faq__titel{font-family:var(--schrift_titel);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;margin:0;
  color:var(--auf-flaeche-stark);text-wrap:balance}
.lt-faq__sub{margin:10px 0 0;color:var(--auf-flaeche-schwach)}
.lt-faq__liste{max-width:52rem;margin:0 auto}
.lt-faq--zweispaltig .lt-faq__liste{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}
.lt-faq__eintrag{border-bottom:1px solid var(--auf-flaeche-linie)}
.lt-faq__liste > .lt-faq__eintrag:first-child,
.lt-faq--zweispaltig .lt-faq__liste > .lt-faq__eintrag:nth-child(2){border-top:1px solid var(--auf-flaeche-linie)}
.lt-faq__frage{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:18px 2px;margin:0;font-family:var(--schrift_titel);font-size:1.05rem;font-weight:700;line-height:1.35;
  color:var(--auf-flaeche-stark)}
summary.lt-faq__frage{list-style:none;cursor:pointer;transition:color .15s}
summary.lt-faq__frage::-webkit-details-marker{display:none}
summary.lt-faq__frage:hover{color:var(--auf-flaeche-akzent,var(--akzent))}
summary.lt-faq__frage:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:4px}
.lt-faq__pfeil{flex:0 0 auto;width:30px;height:30px;border-radius:50%;position:relative;
  background:color-mix(in srgb,var(--auf-flaeche-akzent,var(--akzent)) 14%,transparent);transition:transform .25s,background .2s}
.lt-faq__pfeil::before{content:"";position:absolute;left:50%;top:46%;width:8px;height:8px;
  border:solid var(--auf-flaeche-akzent,var(--akzent));border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}
details[open] > summary .lt-faq__pfeil{transform:rotate(180deg)}
.lt-faq__antwort{padding:0 46px 20px 2px;line-height:1.7;color:var(--auf-flaeche-schwach)}
.lt-faq--offen .lt-faq__frage{padding-bottom:8px}
.lt-faq--offen .lt-faq__antwort{padding-right:2px}
.lt-faq__antwort p{margin:0 0 .7em}.lt-faq__antwort p:last-child{margin:0}
.lt-faq__antwort ul,.lt-faq__antwort ol{margin:0 0 .7em;padding-left:1.2em}
.lt-faq__antwort a{color:var(--auf-flaeche-akzent,var(--akzent))}
.lt-faq__leer{opacity:.6;text-align:center}
details.lt-faq__eintrag[open] .lt-faq__antwort{animation:lt-faq-auf .25s ease-out}
@keyframes lt-faq-auf{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){details.lt-faq__eintrag[open] .lt-faq__antwort{animation:none}.lt-faq__pfeil{transition:none}}
@media (max-width:760px){
  .lt-faq{padding:48px 0}
  .lt-faq--zweispaltig .lt-faq__liste{grid-template-columns:1fr}
  .lt-faq--zweispaltig .lt-faq__liste > .lt-faq__eintrag:nth-child(2){border-top:0}
  .lt-faq__antwort{padding-right:2px}
}