.sr-liste { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.sr-liste li { display:flex; gap:14px; align-items:flex-start; background:var(--bg-input); border-left:4px solid var(--accent); border-radius:var(--radius-sm); padding:8px 14px; min-width:0; }
.sr-nr { flex:0 0 auto; font-family:var(--mono); font-weight:700; font-size:clamp(26px, 7vw, 38px); line-height:1; color:var(--accent); min-width:1.1em; text-align:center; }
.sr-text { min-width:0; }
.sr-text b { display:block; font-size:clamp(17px, 4.6vw, 22px); line-height:1.25; }
.sr-text span { display:block; font-size:14px; line-height:1.45; color:var(--text-dim); margin-top:2px; }
.nz-buchst { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
.nz-buchst > div { border:2px solid var(--text); border-radius:var(--radius-sm); padding:7px 10px; font-size:13.5px; line-height:1.45; min-width:0; }
.nz-buchst b { display:block; font-size:14px; margin-bottom:2px; }
.nz-buchst .mono { font-weight:700; }
.nz-reihen { display:flex; flex-direction:column; gap:7px; }
.nz-reihe { display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 3fr); gap:12px; align-items:center; border:1px solid var(--border); border-radius:var(--radius-sm); padding:6px 10px; min-width:0; }
.nz-reihe svg { display:block; width:100%; height:auto; max-height:110px; }
.nz-reihe b { display:block; font-family:var(--mono); font-size:clamp(17px, 4.6vw, 21px); }
.nz-reihe p { font-size:13.5px; line-height:1.45; margin:2px 0 0; color:var(--text-dim); }
.nz-bild-k line, .nz-bild-k path, .nz-bild-k rect, .nz-bild-k circle { stroke:var(--text); stroke-width:2; fill:none; }
.nz-bild-k .pe { stroke-dasharray:7 4; stroke-width:2.6; }
.nz-bild-k .punkt { fill:var(--text); stroke:none; }
.nz-bild-k text { fill:var(--text); font-size:11px; font-family:var(--font); }
@media (max-width:620px) {
.nz-buchst { grid-template-columns:minmax(0, 1fr); }
.nz-reihe { grid-template-columns:minmax(0, 1fr); }
.nz-reihe svg { max-width:300px; }
}
@media print {
.sr-liste { gap:2.5mm; }
.sr-liste li { background:#eef1f6; border-left:2mm solid #2f5fe0; border-radius:2mm; padding:2mm 5mm; gap:5mm; }
.sr-nr { font-size:34pt; color:#2f5fe0; }
.sr-text b { font-size:21pt; color:#000; }
.sr-text span { font-size:11.5pt; color:#222; margin-top:.8mm; }
.nz-buchst { grid-template-columns:repeat(3, 1fr); gap:3mm; }
.nz-buchst > div { border:.6mm solid #000; border-radius:2mm; padding:1.5mm 3mm; font-size:10.5pt; line-height:1.35; }
.nz-buchst b { font-size:11.5pt; margin-bottom:.5mm; }
.nz-reihen { gap:2mm; }
.nz-reihe { grid-template-columns:56mm 1fr; gap:5mm; border:.3mm solid #999; border-radius:2mm; padding:1.5mm 3mm; }
.nz-reihe svg { width:56mm; height:auto; max-height:none; }
.nz-reihe b { font-size:15pt; line-height:1.15; color:#000; }
.nz-reihe p { font-size:10.5pt; line-height:1.35; color:#222; margin-top:.3mm; }
.nz-bild-k line, .nz-bild-k path, .nz-bild-k rect, .nz-bild-k circle { stroke:#000; }
.nz-bild-k .punkt { fill:#000; }
.nz-bild-k text { fill:#000; }
html.sparsam .sr-liste li { background:#fff !important; border:.3mm solid #000; border-left:1.2mm solid #000; }
html.sparsam .sr-nr { color:#000 !important; }
html.sparsam .nz-reihe { border-color:#000; }
}