@import url("../app/tokens.css");
/* Rechtsseiten des PBX Manager: eigenes Stylesheet statt <style> in der Seite (CSP style-src 'self'). Die Tokens kommen
   seit V005 aus app/tokens.css (Vorgang 246, ADR 008), gepinnt in herkunft/recht-geruest.json (Fassung 2). */
* { box-sizing: border-box; }
body { margin: 0; background: var(--pb-bg); color: var(--pb-ink);
  font: var(--pb-schrift-l)/1.6 var(--pb-schriftart); }
header { border-bottom: 1px solid var(--pb-line); background: var(--pb-panel); }
header .wrap { display: flex; align-items: center; justify-content: space-between; padding-block: var(--pb-a-m); }
.produkt { font-weight: 650; letter-spacing: .01em; color: var(--pb-ink); text-decoration: none; }
.wrap { max-width: 860px; margin: 0 auto; padding-inline: var(--pb-pad); }
main { padding-block: var(--pb-a-xl) var(--pb-a-3xl); }
h1 { font-size: var(--pb-schrift-2xl); margin: 0 0 var(--pb-a-l); }
h2 { font-size: var(--pb-schrift-xl); margin: var(--pb-a-xl) 0 var(--pb-a-s); }
.card { background: var(--pb-panel); border: 1px solid var(--pb-line); border-radius: var(--pb-radius); padding: var(--pb-pad); }
.card.dienst { background: var(--pb-tint); }
a { color: var(--pb-accent); }
.zurueck { display: inline-block; margin-top: var(--pb-a-xl); }
.lead { color: var(--pb-muted); }
.toc { background: var(--pb-panel); border: 1px solid var(--pb-line); border-radius: var(--pb-radius); padding: var(--pb-a-s) var(--pb-pad); }
.toc ol { margin: var(--pb-a-s) 0; padding-left: var(--pb-a-xl); }
h3 { font-size: var(--pb-schrift-l); margin: var(--pb-a-l) 0 var(--pb-a-s); }
.pruefen { background: var(--pb-warnbg); color: var(--pb-warn); font-weight: 600; padding: 0 var(--pb-a-xs); border-radius: var(--pb-radius-klein); }
footer { border-top: 1px solid var(--pb-line); color: var(--pb-muted); font-size: var(--pb-schrift-m); }
footer .wrap { padding-block: var(--pb-a-m); }
footer nav a { color: var(--pb-muted); margin-right: var(--pb-a-m); }
.card.dienst { margin: 0; }