.faq{background:var(--paper,#F4F1EC);color:var(--ink,#16171A);padding:clamp(56px,10vh,132px) var(--sec-pad,clamp(24px,4vw,88px)) clamp(56px,10vh,124px)}
.faq>*{max-width:1520px;margin-left:auto;margin-right:auto}
.faqGrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(28px,4vw,92px);align-items:start}
@media(max-width:920px){.faqGrid{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vh,36px)}}
.faq .eyebrow{display:inline-block;font-size:clamp(10.5px,.72vw,12px);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:clamp(14px,2.2vh,24px)}
.faq h2{font-size:clamp(28px,3.2vw,52px);line-height:1.04;letter-spacing:-.045em;font-weight:700;max-width:14ch;text-wrap:balance}
.faq .sub{margin-top:clamp(14px,2.2vh,22px);font-size:clamp(13.5px,.98vw,16.5px);line-height:1.6;color:rgba(22,23,26,.7);max-width:40ch;text-wrap:pretty}
.qa{border-top:1px solid rgba(22,23,26,.16)}
.qa:last-of-type{border-bottom:1px solid rgba(22,23,26,.16)}
.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:clamp(30px,3vw,54px) minmax(0,1fr) 28px;align-items:baseline;gap:clamp(10px,1.4vw,24px);padding:clamp(17px,2.6vh,26px) 0;font-size:clamp(16px,1.35vw,23px);line-height:1.2;letter-spacing:-.03em;font-weight:700;text-wrap:balance;transition:color .3s ease}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--accent,#F26522)}
.qa summary:hover i{border-color:var(--accent);color:var(--accent,#F26522)}
.qa summary b{font-size:clamp(11px,.76vw,12.5px);letter-spacing:.13em;font-weight:700;color:var(--accent)}
.qa summary i{font-style:normal;justify-self:end;width:26px;height:26px;border:1px solid rgba(22,23,26,.28);border-radius:50%;display:grid;place-items:center;font-size:15px;line-height:1;color:rgba(22,23,26,.7);transition:transform .35s cubic-bezier(.22,.61,.36,1),background .3s ease,color .3s ease,border-color .3s ease}
.qa[open] summary i{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:#fff}
.qa .a{padding:0 clamp(10px,1.4vw,24px) clamp(20px,3vh,30px) calc(clamp(30px,3vw,54px) + clamp(10px,1.4vw,24px));font-size:clamp(13.5px,.98vw,16.5px);line-height:1.62;color:rgba(22,23,26,.72);max-width:58ch;text-wrap:pretty}
.finale{background:var(--ink,#16171A);color:#fff;padding:clamp(56px,11vh,140px) var(--sprint-pad,clamp(24px,4vw,88px));position:relative;overflow:hidden;text-align:center}
.finale::before{content:"";position:absolute;inset:0;background:radial-gradient(60vw 60vh at 50% 110%,rgba(242,101,34,.22),transparent 70%);pointer-events:none}
.finale>*{position:relative;z-index:1;max-width:1100px;margin-left:auto;margin-right:auto}
.finale .eyebrow{display:inline-block;font-size:clamp(10.5px,.72vw,12px);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:clamp(16px,2.4vh,26px)}
.finale h2{font-size:clamp(30px,4vw,68px);line-height:1.03;letter-spacing:-.045em;font-weight:700;text-wrap:balance}
.finale h2 span{display:block;color:rgba(255,255,255,.56)}
.finale .btn{margin-top:clamp(26px,4.4vh,44px);background:var(--accent);color:#fff;font-size:clamp(13.5px,1vw,16.5px);font-weight:700;padding:clamp(15px,1.9vh,20px) clamp(22px,2vw,34px);display:inline-flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none}
.finale .btn:hover{background:var(--accent,#F26522);color:#fff}
.finale .note{margin-top:16px;font-size:clamp(11.5px,.8vw,13.5px);letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.62)}
.qa .aLink{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-weight:700;color:var(--accent,#F26522);text-decoration:none}
.qa .aLink:hover{text-decoration:underline}
/* Handy: unter „Kostenlos · unverbindlich · persoenlich" stand bis zum Footer ein leerer Streifen
   von rund 85 px (iPhone-Screenshot des Users, 24.09.2026). */
@media(max-width:620px){.finale{padding-bottom:40px}}
