/* Lucid Publisher, Produktseiten auf lucid-software.de. Baut auf site.css auf. */
.pb-hero{min-height:min(760px,92svh)}
.pb-hero h1 .l{display:block}
.pb-eyebrow{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:26px}
.pb-hero .hero-sub{max-width:56ch}
.pb-hero .hero-actions{gap:28px;flex-wrap:wrap}
.pb-head{max-width:760px;margin-bottom:56px}
.pb-head h2{max-width:20ch}
.pb-head p{margin-top:22px;font-size:16px;line-height:1.75;color:var(--muted);max-width:56ch}
.pb-steps,.pb-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pb-steps li,.pb-list>div{display:grid;grid-template-columns:72px minmax(0,.9fr) minmax(0,1.4fr);gap:24px;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line)}
.pb-list>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr)}
.pb-num{font-size:12px;color:var(--quiet);font-variant-numeric:tabular-nums}
.pb-steps h3,.pb-list dt{font-size:clamp(19px,1.9vw,25px);font-weight:400;letter-spacing:-.03em;line-height:1.3;margin:0}
.pb-steps p,.pb-list dd{margin:0;font-size:15px;line-height:1.75;color:var(--muted)}
.pb-cta{border-top:1px solid var(--line);text-align:left;display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:end}
.pb-cta h2{max-width:14ch}
.pb-cta p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 28px;max-width:44ch}
.pb-cta .hero-actions{justify-content:flex-start;gap:28px;flex-wrap:wrap}
.pb-page{width:min(1000px,100% - 2 * var(--gutter));margin-inline:auto;padding-top:180px;padding-bottom:var(--section-gap)}
.pb-page h1{font-size:clamp(32px,3.6vw,52px);line-height:1.1;letter-spacing:-.04em;margin-bottom:28px;max-width:18ch}
.pb-page .pb-lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:60ch;margin-bottom:72px}
.pb-page h2{font-size:clamp(24px,2.4vw,32px);margin:72px 0 24px;line-height:1.2}
.pb-page h2:first-of-type{margin-top:0}
.pb-page p,.pb-page li{font-size:15px;line-height:1.8;color:var(--muted)}
.pb-page a:not(.button){text-decoration:underline;text-underline-offset:3px}
.pb-table{overflow-x:auto;border-top:1px solid var(--line)}
.pb-table table{width:100%;border-collapse:collapse;min-width:640px}
.pb-table th,.pb-table td{text-align:left;vertical-align:top;padding:24px 20px 24px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.7;font-weight:400}
.pb-table th{color:var(--quiet);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding-block:16px}
.pb-table td:first-child{color:var(--text);width:30%}
.pb-table td{color:var(--muted)}
.pb-table code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--accent)}
.pb-plain{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pb-plain li{padding:20px 0;border-bottom:1px solid var(--line)}
.pb-plain b{display:block;font-weight:400;color:var(--text);font-size:17px;letter-spacing:-.02em;margin-bottom:6px}
.pb-faq{display:block;border-top:0;padding-top:0}
.pb-faq .faq-list{max-width:820px}
@media (max-width:900px){
  .pb-steps li,.pb-list>div{grid-template-columns:44px 1fr;gap:6px 16px;padding:24px 0}
  .pb-list>div{grid-template-columns:1fr}
  .pb-steps li p{grid-column:2}
  .pb-cta{grid-template-columns:1fr;gap:28px}
  .pb-page{padding-top:140px}
  .pb-page .pb-lead{margin-bottom:48px}
  .pb-page h2{margin-top:56px}
}
.motion-toggle{display:none!important}
@media (max-width:720px){
  .pb-table{overflow:visible}
  .pb-table table{min-width:0;display:block}
  .pb-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pb-table tbody,.pb-table tr,.pb-table td{display:block;width:auto}
  .pb-table tr{padding:22px 0;border-bottom:1px solid var(--line)}
  .pb-table td{padding:0 0 14px;border:0}
  .pb-table td:first-child{width:auto;font-size:18px;padding-bottom:6px}
  .pb-table td[data-l]:not(:first-child):before{content:attr(data-l);display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin-bottom:2px}
}
@media (max-width:420px){.pb-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:18px}}