/* DriveSolution – FAQ-Akkordeon (border-only, <details>, eigener Chevron). Abstände in em (Projektvorgabe).
   Sanftes Öffnen per ::details-content (moderne Browser); ältere klappen ohne Animation – bleibt bedienbar. */

.ds-faq{interpolate-size:allow-keywords}

.ds-faq--two{display:grid;grid-template-columns:.85fr 1.15fr;gap:3.5em;align-items:start}
.ds-faq--two .ds-faq__aside{position:sticky;top:6.25em}
.ds-faq--one{max-width:840px;margin:0 auto;display:block}
.ds-faq--one .ds-faq__aside{text-align:center;margin-bottom:2.75em}

.ds-faq__aside .ds-kicker{display:inline-flex;align-items:center;gap:.72em}
.ds-faq__aside .ds-shead__bar{margin:1em 0 1.3em}
.ds-faq--one .ds-faq__aside .ds-shead__bar{margin-left:auto;margin-right:auto}
.ds-faq__aside h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.ds-faq__intro{color:var(--ds-muted);margin-top:.96em;font-size:1.04rem}

.ds-faq__note{margin-top:2.2em;padding:1.375em 1.5em;border:1px solid var(--ds-border);border-radius:var(--ds-r);background:var(--ds-surface)}
.ds-faq--one .ds-faq__note{max-width:420px;margin-left:auto;margin-right:auto;text-align:left}
.ds-faq__note span{display:block;color:var(--ds-muted);margin-bottom:.92em;font-size:.98rem}
.ds-faq__phone{display:inline-flex;align-items:center;gap:.55em;font-family:"Archivo",sans-serif;font-weight:800;color:#fff;transition:color .2s}
.ds-faq__phone .ds-ico{color:var(--ds-accent);width:18px;height:18px}
.ds-faq__phone:hover{color:var(--ds-accent)}

/* Liste: nur Trennlinien, keine Kästen. */
.ds-faq__item{border-top:1px solid var(--ds-border)}
.ds-faq__list .ds-faq__item:last-child{border-bottom:1px solid var(--ds-border)}
.ds-faq__q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1.34em;
  padding:1.23em .22em;font-family:"Outfit",sans-serif;font-weight:600;font-size:1.12rem;color:#fff;transition:color .2s}
.ds-faq__q::-webkit-details-marker{display:none}
.ds-faq__q::marker{content:""}
.ds-faq__q:hover,.ds-faq__item[open] .ds-faq__q{color:var(--ds-accent)}
.ds-faq__q:focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px;border-radius:4px}
.ds-faq__qt{flex:1}
.ds-faq__chev{flex:none;display:inline-flex;color:var(--ds-muted);transition:transform .25s ease,color .2s}
.ds-faq__chev .ds-ico{width:22px;height:22px}
.ds-faq__item[open] .ds-faq__chev{transform:rotate(180deg);color:var(--ds-accent)}
.ds-faq__a{color:var(--ds-muted);font-size:1.02rem;line-height:1.65;padding:0 .25em 1.59em;max-width:62ch}

/* Sanftes Auf-/Zuklappen (progressive enhancement). */
.ds-faq__item::details-content{block-size:0;overflow:hidden;
  transition:block-size .32s ease,content-visibility .32s allow-discrete;transition-behavior:allow-discrete}
.ds-faq__item[open]::details-content{block-size:auto}

@media(max-width:900px){
  .ds-faq--two{grid-template-columns:1fr;gap:2.125em}
  .ds-faq--two .ds-faq__aside{position:static}
}
@media(prefers-reduced-motion:reduce){
  .ds-faq__item::details-content{transition:none}
  .ds-faq__chev{transition:color .2s}
}