/* Eigene Seiten (Seiten-Editor) – bewusst klein, ohne JavaScript */
.pg{max-width:1100px;padding-top:4.5rem}
.pg-head,.pg-body>*{max-width:720px;margin-left:auto;margin-right:auto}
.pg-head{margin-bottom:2.2rem}
.pg-head h1{font:300 clamp(2.2rem,5.5vw,3.8rem)/1.08 var(--sans);letter-spacing:-.03em;margin:0}
.pg-body{font:400 1.08rem/1.75 var(--serif);color:#cfd3de}
.pg-body>*{margin-top:0;margin-bottom:1.4rem}
.pg-h{font:500 1.7rem/1.25 var(--sans);letter-spacing:-.015em;color:var(--text);margin-top:2.6rem;margin-bottom:.9rem}
h3.pg-h{font-size:1.25rem;margin-top:2rem}
.pg-center{text-align:center}
.pg-text>*:first-child{margin-top:0}.pg-text>*:last-child{margin-bottom:0}
.pg-text p{margin:0 0 1.15rem}
.pg-text h2{font:500 1.5rem/1.3 var(--sans);color:var(--text);margin:2rem 0 .7rem}
.pg-text h3{font:500 1.15rem/1.35 var(--sans);color:var(--text);margin:1.6rem 0 .5rem}
.pg-text ul,.pg-text ol{margin:0 0 1.15rem;padding-left:1.4rem}.pg-text li{margin:.25rem 0}
.pg-text a{color:var(--accent);text-underline-offset:3px}
.pg-text a.ar-btn{display:inline-block;padding:.55rem 1.1rem;border-radius:999px;background:var(--accent);color:#06070a;text-decoration:none;font:600 .95rem var(--sans)}
.pg-text blockquote{margin:1.4rem 0;padding-left:1.1rem;border-left:3px solid var(--accent);color:var(--muted)}
.pg-text hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:1.8rem 0}
.pg-lead{font-size:clamp(1.2rem,2.2vw,1.45rem);line-height:1.6;color:var(--text)}
.pg-fig{margin-top:2rem;margin-bottom:2rem}
.pg-fig img{display:block;width:100%;height:auto;border-radius:16px;background:#0d0f14}
.pg-fig figcaption{font:400 .85rem/1.5 var(--sans);color:var(--muted);margin-top:.6rem;text-align:center}
.pg-body>.pg-fig--wide,.pg-body>.pg-it,.pg-body>.pg-cols{max-width:1080px}
.pg-it{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center;margin-top:2rem;margin-bottom:2rem}
.pg-it figure{margin:0}.pg-it img{display:block;width:100%;height:auto;border-radius:16px}
.pg-it--right figure{order:2}
.pg-cols{display:grid;gap:2rem;margin-top:1.6rem;margin-bottom:1.6rem}
.pg-cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-quote{margin-top:2rem;margin-bottom:2rem;padding:.2rem 0 .2rem 1.4rem;border-left:3px solid var(--accent)}
.pg-quote p{margin:0;font:400 1.35rem/1.55 var(--serif);color:var(--text)}
.pg-quote cite{display:block;margin-top:.6rem;font:400 .9rem var(--sans);color:var(--muted);font-style:normal}
.pg-callout{padding:1.1rem 1.3rem;border-radius:14px;border:1px solid rgba(143,180,255,.35);background:rgba(143,180,255,.08);font:400 1rem/1.65 var(--sans)}
.pg-callout strong{display:block;margin-bottom:.35rem;color:var(--text)}
.pg-callout p{margin:0 0 .7rem}.pg-callout p:last-child{margin:0}
.pg-callout--warn{border-color:rgba(255,176,46,.45);background:rgba(255,176,46,.09)}
.pg-callout--tip{border-color:rgba(111,209,160,.4);background:rgba(111,209,160,.08)}
.pg-btn{font-family:var(--sans)}
.pg-faq{border-top:1px solid rgba(255,255,255,.1);font-family:var(--sans)}
.pg-faq details{border-bottom:1px solid rgba(255,255,255,.1)}
.pg-faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font-weight:500;color:var(--text);position:relative}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary::after{content:"+";position:absolute;right:.3rem;top:.85rem;font-size:1.3rem;color:var(--muted);transition:transform .2s}
.pg-faq details[open] summary::after{transform:rotate(45deg)}
.pg-faq__a{padding:0 0 1.1rem;color:var(--muted);line-height:1.65}.pg-faq__a p{margin:0 0 .7rem}
.pg-hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:2.2rem auto}
.pg-space{height:3rem}
.pg-preview{position:sticky;top:0;z-index:50;background:#ffb02e;color:#1a1200;text-align:center;font:600 .85rem var(--sans);padding:.45rem 1rem}
html[data-theme=light] .pg-body{color:#2a3040}
html[data-theme=light] .pg-text hr,html[data-theme=light] .pg-hr,html[data-theme=light] .pg-faq,html[data-theme=light] .pg-faq details{border-color:rgba(10,14,25,.14)}
html[data-theme=light] .pg-text a.ar-btn{color:#fff}
html[data-theme=light] .pg-fig img{background:#e9ebf1}
@media (max-width:780px){
  .pg{padding-top:3rem}
  .pg-it,.pg-cols--2,.pg-cols--3{grid-template-columns:1fr}
  .pg-it--right figure{order:0}
}