/* ==================================================================
   Seite: FAQ
   ================================================================== */

/* Linksbündig im gleichen 1240er-Raster wie die übrigen Seiten —
   nicht als schmaler, zentrierter Block. */
.faq{max-width:1240px;margin:0 auto;padding:56px 44px 0}
details.q .a p{max-width:900px}
details.q{border-top:1px solid var(--g200)}
details.q:last-of-type{border-bottom:1px solid var(--g200)}
details.q summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:20px;padding:26px 0}
details.q summary::-webkit-details-marker{display:none}
details.q summary h3{flex:1;min-width:0;font-weight:900;font-size:clamp(19px,2.4vw,25px);letter-spacing:-.015em;line-height:1.2;hyphens:auto;overflow-wrap:break-word;transition:color .15s}
details.q summary:hover h3,details.q[open] summary h3{color:var(--red)}
details.q summary .pm{position:relative;width:20px;height:20px;flex-shrink:0;margin-top:5px}
details.q summary .pm::before,details.q summary .pm::after{content:"";position:absolute;background:var(--red);transition:transform .2s,opacity .2s}
details.q summary .pm::before{top:9px;left:0;width:20px;height:2px}
details.q summary .pm::after{top:0;left:9px;width:2px;height:20px}
details.q[open] summary .pm::after{transform:scaleY(0);opacity:0}
details.q .a{padding:0 48px 30px 0}
details.q .a p{font-weight:300;font-size:17px;line-height:1.65;color:var(--g700)}
details.q .a p b{font-weight:700;color:var(--ink)}

/* ---------- Frage stellen ---------- */
.ask{max-width:1240px;margin:56px auto 0;padding:0 44px}
.ask .b{border:1px solid var(--ink);padding:32px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.ask .b h4{font-weight:900;font-size:clamp(20px,2.6vw,26px);letter-spacing:-.02em}
.ask .b p{font-size:15px;color:var(--g500);margin-top:6px}
.ask .b a{font-weight:700;font-size:15px;background:var(--red);color:#fff;padding:13px 22px;white-space:nowrap}
.ask .b a:hover{background:var(--red-h)}

.contact{margin-top:80px}

@media(max-width:900px){
  .faq,.ask{padding-left:24px;padding-right:24px}
  details.q summary{gap:14px;padding:22px 0}
  details.q .a{padding-right:0}
  .ask .b{padding:24px 22px}
}