.pl-zeichen { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
.pl-zeichen > div { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; border:1px solid var(--border); border-radius:var(--radius-sm); padding:6px 6px 8px; min-width:0; }
.pl-zeichen i { position:absolute; top:5px; right:8px; font-style:normal; font-family:var(--mono); font-weight:700; font-size:15px; }
.pl-zeichen [data-zeichen] { width:100%; }
.pl-zeichen .sz-knopf svg { display:block; width:100%; height:64px; overflow:visible; }
.pl-zeichen b { font-size:14px; line-height:1.25; }
.pl-zeichen span { font-size:12.5px; color:var(--text-dim); }
.pl-plaene { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; align-items:start; }
.pl-p { border:1px solid var(--border); border-radius:var(--radius-sm); padding:8px 8px 4px; min-width:0; }
.pl-p b { display:block; font-size:16px; line-height:1.2; }
.pl-p > span { display:block; font-size:13px; color:var(--text-dim); }
.pl-plan .sp-flaeche { background:none; padding:6px 0 0; }
.pl-plan svg { display:block; margin:0 auto; max-height:340px; }
.pl-plan .sp-draht:not(.sp-pe):not(.sp-pe-gelb) { stroke:var(--text-dim); }
.pl-selbst .sp-blatt-titel { text-align:center; font-weight:700; }
.pl-schritte { margin:0; padding-left:1.4em; font-size:14.5px; line-height:1.5; }
.pl-schritte li + li { margin-top:4px; }
.plakat table.data.pl-tab td:first-child { font-family:var(--mono); white-space:nowrap; }
@media (max-width:520px) {
.pl-zeichen { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.pl-plaene { grid-template-columns:minmax(0, 1fr); }
}
@media print {
.plakat .sp-draht, .plakat .sp-sym { stroke:#000; }
.plakat .sp-draht.sp-pe { stroke:#1e7a34; }
.plakat .sp-draht.sp-pe-gelb { stroke:#f2c300; }
.plakat .sp-schrift { fill:#000; }
.plakat .sp-nr { fill:#333; }
.plakat .sp-punkt, .plakat .sp-quelle { fill:#000; }
.plakat .sp-blatt-titel { color:#000; font-size:11pt; }
.pl-zeichen { grid-template-columns:repeat(3, 1fr); gap:2mm; }
.pl-zeichen > div { border:.3mm solid #999; border-radius:2mm; padding:1.5mm 2mm 2mm; }
.pl-zeichen .sz-knopf svg { height:21mm; transform:scale(1.3); }
.pl-zeichen b { font-size:13pt; }
.pl-zeichen span { font-size:10.5pt; color:#222; white-space:nowrap; }
.pl-zeichen i { top:1.5mm; right:2.5mm; font-size:15pt; }
.pl-plaene { grid-template-columns:1fr 1fr; gap:3mm; }
.pl-p { border:.3mm solid #999; border-radius:2mm; padding:2mm 3mm 1mm; }
.pl-p b { font-size:15pt; }
.pl-p > span { font-size:11pt; color:#222; }
.pl-plan .sp-flaeche { padding:1mm 0 0; overflow:visible; }
.pl-plan svg { max-width:none !important; max-height:none; width:auto; height:60mm; }
.pl-plan.pl-hoch svg { height:91mm; }
.pl-selbst svg { height:124mm; }
.pl-selbst .sp-mehr { flex-wrap:nowrap; gap:0 10mm; }
.pl-selbst .sp-mehr .sp-blatt { flex:0 0 auto; }
.pl-schritte { font-size:12.5pt; line-height:1.4; }
.pl-schritte li + li { margin-top:1.2mm; }
.plakat table.data.pl-tab { font-size:15.5pt; }
html.sparsam .plakat .sp-draht.sp-pe { stroke:#000; }
html.sparsam .plakat .sp-draht.sp-pe-gelb { display:none; }
html.sparsam .pl-zeichen > div, html.sparsam .pl-p { border-color:#000; }
}