/* FAQ (#faq): das Akkordeon von /askedda (efaq), hier mit den Schriften der
   Mittelstand-Cloud-Seite. Geometrie unveraendert: 1080px, 280px-Leiste
   sticky, Spotlight-Ring 1px, 28px-Chevron, Stagger .15s je Karte. */
.efaq{--cream:#f7f5f0;--sky:#8fc7d4;background:#081D24;color:var(--cream);padding:96px 0;font-family:var(--aeonik)}
.efaq *{box-sizing:border-box}
.efaq-in{max-width:1080px;margin:0 auto;padding:0 24px}
.efaq-head{display:flex;flex-direction:column;gap:40px;margin-bottom:56px}
.efaq-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(247,245,240,.08);border:1px solid rgba(247,245,240,.12);padding:5px 12px;font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,245,240,.8)}
.efaq-pill i{width:6px;height:6px;border-radius:50%;background:var(--sky)}
.efaq-head h2{margin:16px 0 0;font-family:"Geist Mono",monospace;font-weight:400;font-size:clamp(26px,3.2vw,40px);letter-spacing:-.05em;line-height:1.12;color:var(--cream);max-width:42rem;text-transform:uppercase}
.efaq-head h2 .it{font-family:"Playfair Display",Georgia,serif;font-style:italic;text-transform:none;letter-spacing:-.03em;color:var(--sky);font-size:1.12em}
.efaq-head>p{margin:0;max-width:24rem;font-size:15px;line-height:1.6;color:rgba(247,245,240,.6)}
.efaq-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:stretch}
.efaq-rail{display:flex;flex-direction:column;gap:16px}
.efaq-cats{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:18px;position:relative}
.efaq-cat{position:relative;width:100%;border:1px solid transparent;border-radius:999px;background:none;cursor:pointer;padding:12px 20px;text-align:center;font:500 14px/1.3 var(--aeonik);color:rgba(247,245,240,.6);transition:color .2s,background .2s,border-color .2s}
.efaq-cat:hover{color:var(--cream)}
.efaq-cat[aria-selected="true"]{background:rgba(247,245,240,.1);border-color:rgba(247,245,240,.12);color:var(--cream)}
.efaq-ask{position:relative;border-radius:18px;padding:10px}
.efaq-ask-in{position:relative;border-radius:14px;border:1px solid rgba(247,245,240,.12);background:rgba(247,245,240,.07);padding:24px}
.efaq-ask h3{margin:0;font:600 17px/1.3 var(--aeonik);color:var(--cream)}
.efaq-ask p{margin:8px 0 0;font-size:13.5px;line-height:1.65;color:rgba(247,245,240,.6)}
.efaq-ask a{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:14px;font-weight:600;color:var(--sky);text-decoration:none}
.efaq-ask a:hover{color:var(--cream)}
.efq-ring{pointer-events:none;position:absolute;inset:0;border-radius:inherit;padding:1px;
 background:radial-gradient(var(--spr,260px) circle at var(--spx,-200px) var(--spy,-200px),rgba(247,245,240,var(--spi,.35)),rgba(247,245,240,0) 60%);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.efaq-listwrap{position:relative;border-radius:18px;padding:10px}
.efaq-list{display:flex;flex-direction:column;gap:12px}
.efaq-list[hidden]{display:none}
.efaq-item{position:relative;border-radius:16px;border:1px solid rgba(247,245,240,.12);background:rgba(247,245,240,.07);padding:0 24px;transition:background .25s}
.efaq-item.open{background:rgba(247,245,240,.12)}
.efaq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:none;cursor:pointer;padding:26px 0;text-align:left;font:500 15.5px/1.45 var(--aeonik);color:var(--cream)}
.efaq-q .chev{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(247,245,240,.18);background:rgba(247,245,240,.05);transition:transform .2s}
.efaq-q .chev svg{width:14px;height:14px;stroke:rgba(247,245,240,.7);stroke-width:2;fill:none}
.efaq-item.open .efaq-q .chev{transform:rotate(180deg)}
.efaq-panel{height:0;overflow:hidden;transition:height .2s ease-out}
.efaq-a{padding:0 40px 26px 0;font-size:14px;line-height:1.7;color:rgba(247,245,240,.62)}
.efaq-a a{color:var(--sky)}
.efq-rv{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--d,0s),transform .6s cubic-bezier(.22,1,.36,1) var(--d,0s)}
.efq-rv.in{opacity:1;transform:none}
@media(min-width:640px){.efaq-in{padding:0 40px}}
@media(min-width:1024px){
 .efaq-head{flex-direction:row;align-items:flex-end;justify-content:space-between}
 .efaq-grid{grid-template-columns:280px 1fr;gap:48px}
 .efaq-rail{position:sticky;top:96px;align-self:start}}
@media(prefers-reduced-motion:reduce){
 .efq-rv{opacity:1!important;transform:none!important;transition:none!important}
 .efaq-panel{transition:none}.efaq-q .chev{transition:none}}