/* Häufige Fragen: same quiet two-column rhythm and accordion language as "Arbeitsweise". */
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:start;border-top:1px solid var(--line);padding-block:120px 130px}
.faq-intro{position:sticky;top:calc(var(--header-height,78px) + 40px)}
.faq h2{font-size:clamp(2.4rem,4.2vw,4rem);font-weight:600;line-height:1.12;letter-spacing:-.06em}
.faq-intro>p{max-width:38ch;margin-top:28px;color:var(--muted);font-size:1rem}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;gap:24px;list-style:none;cursor:pointer;min-height:84px;padding-block:18px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item h3{font-size:clamp(1.125rem,1.55vw,1.375rem);font-weight:400;line-height:1.35;letter-spacing:-.03em;transition:transform .35s}
.faq-arrow{margin-left:auto;flex:none;font-size:1.1rem;width:37px;height:37px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;transition:transform .35s,border-color .35s}
.faq-item summary:hover .faq-arrow,.faq-item summary:focus-visible .faq-arrow{border-color:#8097ac;transform:rotate(45deg)}
.faq-item summary:hover h3{transform:translateX(6px)}
.faq-item[open] summary .faq-arrow{transform:rotate(90deg)}
.faq-answer{padding:0 61px 30px 0;max-width:620px}
.faq-answer>p{color:var(--muted);font-size:1rem;line-height:1.7}
@media(max-width:1100px){.faq{gap:7%;padding-block:100px}}
@media(max-width:800px){
 .faq{grid-template-columns:1fr;gap:44px;padding-block:90px}
 .faq-intro{position:static}
 .faq h2{font-size:2.9rem}
 .faq-answer{padding-right:30px;max-width:100%}
}
@media(max-width:540px){
 .faq{padding-block:70px;gap:34px}
 .faq h2{font-size:clamp(1.9rem,10vw,2.55rem);overflow-wrap:anywhere}
 .faq-item summary{gap:14px;min-height:72px}
 .faq-item h3{font-size:1.0625rem;flex:1;min-width:0}
 .faq-arrow{width:30px;height:30px}
 .faq-answer{padding:0 0 24px}
 .faq-answer>p{font-size:.9375rem}
}