/* FAQ 2.21: Karten-Akkordeon im Pepswerk-Stil. Linke Spalte bleibt beim Scrollen stehen,
   Antworten öffnen weich (home-2.21.0.js), ohne JavaScript funktioniert <details> normal. */
section.pwfq.pwh-faq{
 --fq-violet:#6a1fb4;--fq-ink:#1f1828;--fq-muted:#6c6276;--fq-line:#e3d7ee;
 position:relative;left:50%;box-sizing:border-box;isolation:isolate;
 width:var(--pwfq-width,100vw)!important;max-width:none!important;
 margin:0 0 0 calc(var(--pwfq-width,100vw) / -2)!important;padding:0!important;
 background:
  radial-gradient(50% 60% at 0% 0%,#e6d3fb 0%,transparent 70%),
  radial-gradient(40% 50% at 100% 100%,#efe2fd 0%,transparent 70%),
  #f8f4fc!important;
 color:var(--fq-ink);text-align:left;font:400 16px/1.6 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:0;
}
.pwfq.pwh-faq *{box-sizing:border-box}
.pwfq.pwh-faq .fq-wrap{
 display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.6fr);column-gap:clamp(28px,5vw,88px);row-gap:16px;
 width:min(1320px,calc(100% - clamp(32px,6vw,96px)));max-width:none;margin:0 auto;padding:clamp(56px,6vw,96px) 0 clamp(48px,5vw,80px);
}
.pwfq.pwh-faq .fq-heading{position:sticky;top:110px;margin:0;padding:0;background:none;border:0;box-shadow:none;min-width:0;align-self:start}
.pwfq.pwh-faq .fq-label{display:none}
.pwfq.pwh-faq h2{margin:0 0 18px;font-family:"PW Serif",Georgia,"Times New Roman",serif;font-size:clamp(34px,3.4vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.03em;color:var(--fq-ink)}
.pwfq.pwh-faq h2 em{font-style:italic;font-weight:600;color:var(--fq-violet);padding-right:.06em;display:inline-block;padding-bottom:.06em}
@supports((-webkit-background-clip:text) or (background-clip:text)){
 .pwfq.pwh-faq h2 em{background:linear-gradient(100deg,#6a0cd0 0%,#9d28fb 52%,#c94fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
}
.pwfq.pwh-faq .fq-intro{max-width:32ch;margin:0;color:var(--fq-muted);font-size:16.5px;line-height:1.6}

.pwfq.pwh-faq .fq-list{display:flex;flex-direction:column;gap:10px;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.pwfq.pwh-faq details{
 margin:0;padding:0;border:1px solid var(--fq-line);border-radius:18px;overflow:hidden;
 background:#ffffffb3;box-shadow:0 1px 0 #fff inset,0 6px 18px -14px #4a1f6e40;
 transition:background .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.16,1,.3,1);
}
.pwfq.pwh-faq summary{
 display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:16px;min-height:64px;margin:0;padding:14px 16px 14px 22px;
 list-style:none;cursor:pointer;color:var(--fq-ink);
 font-family:"PW Serif",Georgia,"Times New Roman",serif;font-size:clamp(18px,1.35vw,20px);font-weight:500;line-height:1.35;letter-spacing:-.015em;
 transition:color .25s ease;
}
.pwfq.pwh-faq summary::-webkit-details-marker{display:none}
.pwfq.pwh-faq summary::marker{content:""}
.pwfq.pwh-faq summary::before{content:none}
.pwfq.pwh-faq summary::after{
 content:"";display:block;width:34px;height:34px;border-radius:50%;
 background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat,#f1e9f8;
 color:#5b2a86;box-shadow:inset 0 0 0 1px #e1d2ee;
 transition:transform .45s cubic-bezier(.16,1,.3,1),background-color .35s,color .35s,box-shadow .35s;
}
.pwfq.pwh-faq details[open]{background:#fff;border-color:#c9a8e6;box-shadow:0 1px 0 #fff inset,0 18px 40px -22px #5a1f8e59}
.pwfq.pwh-faq details[open] summary{color:#4f1689}
.pwfq.pwh-faq details[open] summary::after{transform:rotate(135deg);background-color:var(--fq-violet);color:#fff;box-shadow:none}
.pwfq.pwh-faq summary:focus-visible,.pwfq.pwh-faq a:focus-visible{outline:2px solid var(--fq-violet);outline-offset:3px;border-radius:12px}
.pwfq.pwh-faq .fq-answer{margin:0;padding:0 64px 22px 22px;max-width:none;color:#5d5367;font:400 16px/1.7 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.pwfq.pwh-faq a{color:#5b1d97;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.pwfq.pwh-faq a:hover{color:#8016ff}
.pwfq.pwh-faq .fq-bottom{grid-column:2;margin:8px 0 0;color:var(--fq-muted);font-size:15px;line-height:1.5}
.pwfq.pwh-faq .fq-bottom a{display:inline-flex;align-items:center;gap:6px;margin-left:4px;font-weight:650;white-space:nowrap;text-decoration:none}
.pwfq.pwh-faq .fq-bottom a:after{content:"\2192";text-decoration:none;display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.pwfq.pwh-faq .fq-bottom a:hover:after{transform:translateX(3px)}
@media(hover:hover) and (pointer:fine){
 .pwfq.pwh-faq details:not([open]):hover{background:#fff;border-color:#d2b8ea;transform:translateX(4px)}
 .pwfq.pwh-faq details:not([open]):hover summary{color:#4f1689}
 .pwfq.pwh-faq details:not([open]):hover summary::after{transform:scale(1.08);background-color:#e6d6f5}
}
/* Scroll-Einblendung (Klasse setzt das Skript; ohne Skript ist alles sichtbar) */
.pwfq.pwh-faq.pw-reveal-ready .fq-heading,.pwfq.pwh-faq.pw-reveal-ready details{opacity:0;translate:0 22px;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .8s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .35s,transform .35s;transition-delay:calc(var(--d,0) * 55ms),calc(var(--d,0) * 55ms),0s,0s,0s,0s}
.pwfq.pwh-faq.pw-reveal-ready .is-visible{opacity:1;translate:0 0}
.pwfq-host{margin-block:0!important;padding-block:0!important;min-height:0!important}
.pwfq-host+*,section.pwfq.pwh-faq+*{margin-block-start:0!important}
.pwfq-tail{margin-bottom:0!important;padding-bottom:0!important;min-height:0!important}
.pwfq-join-next,section.pwfq.pwh-faq+section.pwv{margin-top:0!important}
.pwfq-join-shell{padding-top:0!important;row-gap:0!important}
.pwfq-empty-seam{display:none!important}
@media(max-width:760px){
 .pwfq.pwh-faq .fq-wrap{grid-template-columns:minmax(0,1fr);gap:22px;width:calc(100% - 28px);padding:48px 0 44px}
 .pwfq.pwh-faq .fq-heading{position:static}
 .pwfq.pwh-faq h2{font-size:clamp(32px,9vw,40px);margin-bottom:12px}
 .pwfq.pwh-faq .fq-intro{max-width:42ch;font-size:15.5px}
 .pwfq.pwh-faq .fq-list{gap:8px}
 .pwfq.pwh-faq details{border-radius:16px}
 .pwfq.pwh-faq summary{grid-template-columns:minmax(0,1fr) 30px;gap:12px;padding:13px 12px 13px 16px;font-size:17.5px;min-height:58px}
 .pwfq.pwh-faq summary::after{width:30px;height:30px}
 .pwfq.pwh-faq .fq-answer{padding:0 16px 18px;font-size:15.5px;line-height:1.65}
 .pwfq.pwh-faq .fq-bottom{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
 .pwfq.pwh-faq summary,.pwfq.pwh-faq details,.pwfq.pwh-faq summary::after{transition:none}
 .pwfq.pwh-faq details:not([open]):hover{transform:none}
 .pwfq.pwh-faq.pw-reveal-ready .fq-heading,.pwfq.pwh-faq.pw-reveal-ready details{opacity:1;translate:none}
}