.el-doc{
--paper:#E9EAEA; --field:#F6F6F6; --tint:#DCE3E1;
--ink:#1A1C1D; --mid:#545658; --faint:#848788; --rule:#CBCDCD;
--patina:#6F9A8D; --patina-deep:#2C5F57;
--graphite:#4A4D4E; --graphite-deep:#2E3132;
--reg:#A8382C; --kon:#1F5F8B;
--measure:36rem; --block:48rem;
--h1-min:34px; --h1-max:58px;
--h2-min:23px; --h2-max:34px;
--h3:20px;
}
.el-doc *{box-sizing:border-box}
.el-doc{
background:var(--paper); color:var(--ink);
font-family:'IBM Plex Sans',system-ui,sans-serif;
font-size:17px; line-height:1.68; -webkit-font-smoothing:antialiased;
max-width:64rem; margin:0 auto;
padding:clamp(2rem,6vh,4rem) clamp(1.1rem,4vw,2.5rem); box-shadow:0 0 0 100vmax var(--paper);
clip-path:inset(0 -100vmax);
}
.el-doc h1,.el-doc h2,.el-doc h3{
font-family:'Spectral',Georgia,serif; font-weight:400;
letter-spacing:-.005em; margin:0}
.el-doc h1{font-size:clamp(var(--h1-min),4.6vw,var(--h1-max));
line-height:1.06; font-weight:300; max-width:var(--block);
margin:2.6rem 0 1.4rem}
.el-doc h1:first-child{margin-top:0}
.el-doc h2{font-size:clamp(var(--h2-min),2.6vw,var(--h2-max));
line-height:1.2; margin:2.9rem 0 .85rem}
.el-doc h3{font-size:var(--h3); line-height:1.3; font-weight:500;
margin:2.1rem 0 .35rem}
.el-doc h4{font-family:'IBM Plex Mono',monospace; font-size:.78rem;
font-weight:400; letter-spacing:.06em; text-transform:uppercase;
color:var(--patina-deep); margin:1.9em 0 .6em}
.el-doc h5{font-family:'IBM Plex Sans',system-ui,sans-serif; font-size:.98rem;
font-weight:600; color:var(--ink); margin:1.3em 0 .3em}
.el-doc h2,.el-doc h3,.el-doc h4,.el-doc h5,
.el-doc p,.el-doc ul,.el-doc ol,.el-doc blockquote{max-width:var(--measure)}
.el-doc table{max-width:var(--block)}
.el-doc p{margin:0 0 1.1rem}
.el-doc ul,.el-doc ol{margin:0 0 1.1rem; padding-left:1.2rem}
.el-doc li{margin-bottom:.35rem}
.el-doc strong{font-weight:600}
.el-doc blockquote{
border-left:3px solid var(--patina); padding-left:1.15rem;
margin:1.7rem 0; font-family:'Spectral',Georgia,serif;
font-size:1.12rem; line-height:1.55; color:var(--ink)}
.el-doc blockquote p{max-width:none; margin-bottom:.6rem}
.el-doc blockquote p:last-child{margin-bottom:0}
.el-doc hr{border:0; border-top:1px solid var(--rule);
margin:clamp(3.2rem,7vh,5rem) 0; max-width:var(--block)}
.el-doc table{border-collapse:collapse; font-size:.95rem; margin:1.6rem 0}
.el-doc th,.el-doc td{border:1px solid var(--rule); padding:.5rem .75rem;
text-align:left; vertical-align:top}
.el-doc th{font-family:'IBM Plex Mono',monospace; font-size:.72rem;
letter-spacing:.05em; text-transform:uppercase; color:var(--patina-deep);
font-weight:400; background:var(--field)}
.el-doc code{font-family:'IBM Plex Mono',monospace; font-size:.9em;
background:var(--field); padding:.1em .3em}
.el-doc a{color:var(--graphite-deep); text-decoration:underline;
text-underline-offset:2px}
.el-doc a:hover{color:var(--patina-deep)} .el-doc .partbreak{max-width:var(--block); margin:clamp(4rem,11vh,8rem) 0 clamp(2.2rem,5vh,3.4rem);
border-top:2px solid var(--patina-deep); position:relative;
display:flex; justify-content:flex-end}
.el-doc .partbreak::before{content:""; position:absolute; left:0; top:-5px;
width:9px; height:9px; background:var(--patina-deep)}
.el-doc .partbreak a{display:inline-block; margin-top:.55rem;
font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.06em;
text-transform:uppercase; color:var(--faint); text-decoration:none}
.el-doc .partbreak a:hover{color:var(--patina-deep); text-decoration:underline;
text-underline-offset:.22em}
.el-doc .partbreak:first-child{margin-top:0}
.el-doc .partbreak + h1{margin-top:0} .el-doc h2 > a,.el-doc p > strong > a,.el-doc p > em > a{
color:inherit; text-decoration:none;
border-bottom:1px solid transparent; transition:border-color .12s}
.el-doc h2 > a:hover,.el-doc p > strong > a:hover,.el-doc p > em > a:hover{
color:var(--patina-deep); border-bottom-color:var(--rule)}
.el-doc :target{scroll-margin-top:1.2rem} .el-doc .partnav{max-width:var(--block); margin:clamp(3.4rem,8vh,5.5rem) 0 0;
border-top:1px solid var(--rule); padding-top:1.1rem;
display:flex; flex-wrap:wrap; gap:.5rem 2rem;
font-family:'IBM Plex Mono',monospace; font-size:.72rem;
letter-spacing:.05em; text-transform:uppercase}
.el-doc .partnav a{text-decoration:none; color:var(--graphite-deep)}
.el-doc .partnav a:hover{color:var(--patina-deep); text-decoration:underline;
text-underline-offset:.22em}
.el-doc .partnav .inhalt{color:var(--faint)}
.el-doc .partnav .weiter{margin-left:auto; text-align:right}
.el-doc .partnav .zurueck::before{content:"← "}
.el-doc .partnav .weiter::after{content:" →"}
@media(max-width:560px){
.el-doc .partnav{flex-direction:column; gap:.55rem}
.el-doc .partnav .weiter{margin-left:0; text-align:left}
}  .el-doc details.block{max-width:var(--block); margin:1.9rem 0;
border-top:2px solid var(--patina-deep); border-bottom:1px solid var(--rule)}
.el-doc details.block > summary{cursor:pointer; list-style:none;
padding:.8rem 1.8rem .8rem 0; position:relative;
font-family:'IBM Plex Mono',monospace; font-size:.78rem; letter-spacing:.06em;
text-transform:uppercase; color:var(--patina-deep)}
.el-doc summary::-webkit-details-marker{display:none}
.el-doc details.block > summary::after{content:"+"; position:absolute; right:.2rem;
top:.68rem; font-size:1rem; line-height:1; color:var(--faint)}
.el-doc details.block[open] > summary::after{content:"–"}
.el-doc details.block > summary:hover{color:var(--ink)}
.el-doc summary:focus-visible{outline:2px solid var(--patina-deep); outline-offset:2px}
.el-doc .dbody{padding:.2rem 0 1.3rem}
.el-doc .dbody > *:first-child{margin-top:0}
.el-doc .dbody > *:last-child{margin-bottom:0} .el-doc details.glossar .dbody h4{margin:1.5em 0 .3em}
.el-doc details.quelle{border-top-width:1px}
.el-doc details.quelle > summary{font-size:.74rem; padding:.7rem 1.8rem .7rem 0}
@media print{ .el-doc details{display:block}
.el-doc details > *{display:block}
.el-doc details.block{border:0; margin:0}
.el-doc summary{font-family:'Spectral',Georgia,serif; font-size:13pt;
text-transform:none; letter-spacing:0; padding:0; margin:.6rem 0 .3rem}
.el-doc summary::after{content:""}
.el-doc .dbody{padding:0}
} .el-doc figure{margin:1.9rem 0; max-width:var(--block)}
.el-doc .fighead{border-bottom:2px solid var(--patina-deep);
padding-bottom:.5rem; margin-bottom:1.2rem; display:flex;
gap:.3rem .9rem; align-items:baseline; flex-wrap:wrap}
.el-doc .fighead .n{font-family:'IBM Plex Mono',monospace; font-size:.72rem;
letter-spacing:.06em; text-transform:uppercase; color:var(--patina-deep)}
.el-doc .fighead .t{font-size:.95rem; font-weight:600}
.el-doc .fighead .wie{font-family:'IBM Plex Mono',monospace; font-size:.7rem;
letter-spacing:.04em; color:var(--faint); margin-left:auto}
.el-doc .figbox{background:var(--field); border:1px solid var(--rule); padding:1.4rem}
.el-doc .figbox svg{display:block; width:100%; height:auto}
.el-doc figcaption{font-size:.83rem; line-height:1.55; color:var(--mid); margin-top:.9rem}
.el-doc figcaption .disc{display:block; margin-top:.4rem;
font-family:'IBM Plex Mono',monospace; font-size:.7rem;
letter-spacing:.03em; color:var(--faint); line-height:1.5}
.el-doc figcaption .ref{display:block; margin-top:.55rem; padding-top:.5rem;
border-top:1px solid var(--rule); font-family:'IBM Plex Mono',monospace;
font-size:.7rem; letter-spacing:.04em; text-transform:uppercase;
color:var(--graphite-deep)}
.el-doc figcaption .ref a{color:var(--graphite-deep); text-decoration:underline;
text-underline-offset:.22em; text-decoration-thickness:1px}
.el-doc figcaption .ref .q{color:var(--faint); text-transform:none; letter-spacing:.02em} .el-doc .figbox--offen{border-style:dashed; display:flex;
align-items:center; justify-content:center; min-height:11rem}
.el-doc .figbox--offen .offen{margin:0; max-width:none;
font-family:'IBM Plex Mono',monospace; font-size:.72rem;
letter-spacing:.06em; text-transform:uppercase; color:var(--faint)} .el-doc .inset{max-width:var(--block); border-left:3px solid var(--patina);
padding:1.4rem 0 .3rem 1.3rem; margin:1.9rem 0}
.el-doc .inset p{max-width:none}
.el-doc .inset .lbl{font-family:'IBM Plex Mono',monospace; font-size:.72rem;
letter-spacing:.08em; text-transform:uppercase; color:var(--patina-deep);
margin-bottom:.7rem}
.el-doc .inset .st{font-family:'Spectral',Georgia,serif; font-size:1.18rem;
line-height:1.45; margin-bottom:.9rem}
.el-doc .inset p:last-of-type{margin-bottom:1.4rem}
.el-doc .act{display:inline-block; font-family:'IBM Plex Mono',monospace;
font-size:.76rem; letter-spacing:.07em; text-transform:uppercase;
text-decoration:none; padding:.78rem 1.4rem; border:1.5px solid var(--graphite);
color:var(--graphite-deep); background:transparent; transition:.15s}
.el-doc .act:hover,.el-doc .act:focus-visible{background:var(--graphite-deep);
border-color:var(--graphite-deep); color:var(--field)} .el-doc .s-name{font-family:'Spectral',Georgia,serif; font-size:19px; fill:var(--ink)}
.el-doc .s-fn{font-family:'IBM Plex Sans',sans-serif; font-size:12.5px; fill:var(--mid)}
.el-doc .s-mono{font-family:'IBM Plex Mono',monospace; font-size:10.5px;
letter-spacing:.05em; text-transform:uppercase; fill:var(--patina-deep)}
.el-doc .s-mono-m{font-family:'IBM Plex Mono',monospace; font-size:10.5px;
letter-spacing:.05em; text-transform:uppercase; fill:var(--mid)}
.el-doc .s-mono-f{font-family:'IBM Plex Mono',monospace; font-size:10px;
letter-spacing:.04em; text-transform:uppercase; fill:var(--faint)}
.el-doc :focus-visible{outline:2px solid var(--patina-deep); outline-offset:3px} @page{ size:A4; margin:22mm 20mm 24mm 40mm; }
@media print{
.el-doc{
--tint:#CBD8D4; --patina-deep:#1F4F47; --faint:#6E7173;
--rule:#B4B7B7; --reg:#9A2E22; --kon:#17537D;
background:#fff; box-shadow:none; clip-path:none;
max-width:none; margin:0; padding:0;
font-size:10.5pt; line-height:15pt;
text-align:left; hyphens:auto; -webkit-hyphens:auto}
.el-doc h2,.el-doc h3,.el-doc h4,.el-doc h5,
.el-doc p,.el-doc ul,.el-doc ol,.el-doc blockquote{max-width:115mm}
.el-doc h1,.el-doc table,.el-doc figure{max-width:150mm; margin-left:-35mm}
.el-doc figcaption{max-width:115mm; font-size:8.5pt; line-height:12pt}
.el-doc .fighead .wie{font-family:'IBM Plex Mono',monospace; font-size:.7rem;
letter-spacing:.04em; color:var(--faint); margin-left:auto}
.el-doc .figbox{background:none; border-color:var(--rule)}
.el-doc h1{font-size:30pt; line-height:32pt}
.el-doc h2{font-size:18pt; line-height:22pt}
.el-doc h3{font-size:13pt; line-height:17pt}
.el-doc h4{font-size:8pt;  line-height:12pt}
.el-doc h5{font-size:10.5pt; line-height:15pt}
.el-doc blockquote{font-size:11.5pt; line-height:16pt}
.el-doc table,.el-doc th,.el-doc td{font-size:9pt; line-height:13pt}
.el-doc hr{margin:8mm 0; max-width:150mm; margin-left:-35mm}
.el-doc th{background:none}
.el-doc code{background:none}
.el-doc a{color:var(--ink); text-decoration:none}
.el-doc h1,.el-doc h2,.el-doc h3,.el-doc h4,.el-doc h5{
page-break-after:avoid; break-after:avoid}
.el-doc p,.el-doc li{orphans:2; widows:2}
.el-doc blockquote,.el-doc table,.el-doc figure{page-break-inside:avoid; break-inside:avoid}
.el-doc .inset{max-width:115mm; page-break-inside:avoid; break-inside:avoid}
.el-doc .partbreak{max-width:150mm; margin-left:-35mm; margin-top:0;
page-break-before:always; break-before:page}
.el-doc .partbreak a{display:none}
.el-doc .partnav{display:none}
.el-doc h2 > a,.el-doc p > strong > a,.el-doc p > em > a{
color:var(--ink); text-decoration:none; border:0}
.el-doc .inset .st{font-size:11.5pt; line-height:16pt}
.el-doc .act{border-width:1px; padding:.5rem 1rem; font-size:8pt}
.el-doc figcaption .ref{font-size:8pt}
}  .el-doc a.term-ref{color:inherit; border:0; text-decoration:underline dotted var(--graphite);
text-decoration-thickness:1px; text-underline-offset:.22em}
.el-doc a.term-ref:hover,.el-doc a.term-ref:focus-visible{color:var(--graphite-deep);
text-decoration-style:solid}
.el-doc a.werk-ref{text-underline-offset:.22em} .el-doc .begriffe{max-width:var(--measure); margin:1.9rem 0 0; border-top:2px solid var(--patina-deep)}
.el-doc .begriffe-kopf{max-width:var(--measure); display:flex; justify-content:flex-end;
margin:1.9rem 0 .35rem}
.el-doc .begriffe-kopf + .begriffe{margin-top:0}
.el-doc button.alle{background:none; border:0; padding:.2rem 0; cursor:pointer;
font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.06em;
text-transform:uppercase; color:var(--graphite-deep);
text-decoration:underline; text-decoration-color:var(--graphite);
text-decoration-thickness:1px; text-underline-offset:.28em}
.el-doc button.alle:hover,.el-doc button.alle:focus-visible{color:var(--ink);
text-decoration-thickness:2px}
.el-doc button.alle[hidden]{display:none}
.el-doc details.begriff{border-bottom:1px solid var(--rule); scroll-margin-top:1.2rem}
.el-doc details.begriff > summary{cursor:pointer; list-style:none; position:relative;
padding:.8rem 1.8rem .8rem 0; font-family:'IBM Plex Mono',monospace; font-size:.76rem;
letter-spacing:.06em; text-transform:uppercase; color:var(--patina-deep)}
.el-doc details.begriff > summary::after{content:"+"; position:absolute; right:.2rem; top:.66rem;
font-size:1rem; line-height:1; color:var(--faint)}
.el-doc details.begriff[open] > summary::after{content:"–"}
.el-doc details.begriff > summary:hover{color:var(--ink)}
.el-doc details.begriff .dbody{padding:0 0 1.2rem}
.el-doc details.begriff .dbody p{font-family:'Spectral',Georgia,serif; font-size:1.06rem; line-height:1.55}
.el-doc details.begriff .dbody p.ref{font-family:'IBM Plex Mono',monospace; font-size:.7rem}
.el-doc details.begriff:target > summary{background:var(--tint);
box-shadow:-.5rem 0 0 var(--tint),.5rem 0 0 var(--tint)}
.el-doc p.ref{margin:-.4rem 0 1.1rem; font-family:'IBM Plex Mono',monospace; font-size:.7rem;
letter-spacing:.05em; text-transform:uppercase}
.el-doc p.ref a{color:var(--graphite-deep); text-underline-offset:.22em} .el-doc .tiefe{max-width:var(--measure); margin:2rem 0 0; padding-top:.9rem; border-top:1px solid var(--rule)}
.el-doc .tiefe .lbl{font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.05em;
text-transform:uppercase; color:var(--patina-deep); margin:0 0 .35rem}
.el-doc .tiefe ul{list-style:none; margin:0; padding:0; font-size:.93rem}
.el-doc .tiefe li{margin:.2rem 0; padding-left:3.4rem}
.el-doc .tiefe a{text-underline-offset:.22em; text-decoration-thickness:1px}
.el-doc .tiefe .kap{display:inline-block; width:3.4rem; margin-left:-3.4rem; font-family:'IBM Plex Mono',monospace;
font-size:.74rem; letter-spacing:.03em}
.el-doc .tiefe + .kapnav{margin-top:1.2rem}
.el-doc .kapnav{max-width:var(--measure); margin:2.2rem 0 0; text-align:right;
font-family:'IBM Plex Mono',monospace; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase}
.el-doc .kapnav a{color:var(--faint); text-decoration:none}
.el-doc .kapnav a:hover,.el-doc .kapnav a:focus-visible{color:var(--graphite-deep);
text-decoration:underline; text-underline-offset:.22em}
.el-doc .kapnav + hr{margin-top:1.2rem}
@media print{
.el-doc .kapnav,.el-doc p.ref,.el-doc .begriffe-kopf{display:none}
.el-doc a.term-ref{text-decoration:none}
}
@media(prefers-reduced-motion:reduce){.el-doc *{transition:none!important}}.el-kern{
--paper:#E9EAEA; --field:#F6F6F6; --tint:#DCE3E1;
--ink:#1A1C1D; --mid:#545658; --faint:#848788; --rule:#CBCDCD;
--patina:#6F9A8D; --patina-deep:#2C5F57;
--graphite:#4A4D4E; --graphite-deep:#2E3132;
--reg:#A8382C; --kon:#1F5F8B; --base:16px;
--measure:calc(var(--base)*36); --block:calc(var(--base)*48);
background:var(--paper); color:var(--ink);
font-family:'IBM Plex Sans',system-ui,sans-serif;
font-size:17px; line-height:1.68; -webkit-font-smoothing:antialiased;
}
.el-kern, .el-kern *, .el-kern *::before, .el-kern *::after{box-sizing:border-box}
.el-kern h1,.el-kern h2,.el-kern h3{font-family:'Spectral',Georgia,serif;
font-weight:400; letter-spacing:-.005em; margin:0}
.el-kern h1{font-size:clamp(calc(var(--base)*2.15),4.6vw,calc(var(--base)*3.6)); line-height:1.06;
font-weight:300; max-width:var(--block)}
.el-kern h2{font-size:clamp(calc(var(--base)*1.45),2.6vw,calc(var(--base)*2.15)); line-height:1.2; margin-bottom:calc(var(--base)*.85)}
.el-kern h3{font-size:calc(var(--base)*1.25); line-height:1.3; font-weight:500; margin-bottom:calc(var(--base)*.35)}
.el-kern h2,.el-kern h3,.el-kern p,.el-kern ul,.el-kern ol{max-width:var(--measure)}
.el-kern p{margin:0 0 calc(var(--base)*1)}
.el-kern a{color:var(--graphite-deep); text-underline-offset:.18em;
text-decoration-thickness:1px}
.el-kern :focus-visible{outline:2px solid var(--patina-deep); outline-offset:3px} .el-kern .doc{max-width:calc(var(--base)*64); margin:0 auto} .el-kern .row{display:grid; grid-template-columns:calc(var(--base)*5.5) minmax(0,1fr); gap:0 calc(var(--base)*2.5);
padding:0 clamp(calc(var(--base)*1.1),4vw,calc(var(--base)*2.5))}
.el-kern .marg{font-family:'IBM Plex Mono',monospace; font-size:calc(var(--base)*.72);
letter-spacing:.04em; text-transform:uppercase; color:var(--patina-deep);
padding-top:calc(var(--base)*.55)}
.el-kern .wide{max-width:var(--block)}
.el-kern section{padding:clamp(calc(var(--base)*3.2),7vh,calc(var(--base)*5)) 0; border-top:1px solid var(--rule)}
.el-kern section.band{background:var(--field)}
.el-kern section.kopf{border-top:0; padding-top:clamp(calc(var(--base)*2.5),6vh,calc(var(--base)*4))}
.el-kern .unter{font-family:'Spectral',Georgia,serif; font-size:calc(var(--base)*1.3);
line-height:1.4; color:var(--mid); margin:calc(var(--base)*.8) 0 calc(var(--base)*1.4)} .el-kern .bogen{list-style:none; margin:0; padding:0; max-width:none;
font-size:calc(var(--base)*.92); line-height:1.45}
.el-kern .bogen li{margin:0 0 calc(var(--base)*.35)}
.el-kern .glied{position:relative; display:block; padding:calc(var(--base)*.3) 0 calc(var(--base)*.3) calc(var(--base)*2.6);
color:var(--ink); text-decoration:none}
.el-kern .glied .nr{position:absolute; left:0; top:calc(var(--base)*.36); width:calc(var(--base)*1.8);
font-family:'IBM Plex Mono',monospace; font-size:calc(var(--base)*.7); letter-spacing:.05em;
color:var(--patina-deep)}
.el-kern .glied .q{color:var(--reg); margin-right:.2em}
.el-kern .glied .q + .q{color:var(--kon)}
.el-kern a.glied:hover .txt,.el-kern a.glied.ist-offen .txt{
text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em}
.el-kern a.glied.ist-offen .nr{font-weight:500} .el-kern details.schritt{border-top:1px solid var(--rule); scroll-margin-top:calc(var(--base)*4)}
.el-kern details.schritt:last-of-type{border-bottom:1px solid var(--rule)} .el-kern details.schritt > summary{list-style:none; cursor:pointer;
padding-top:calc(var(--base)*1.1); padding-bottom:calc(var(--base)*1.1)}
.el-kern details.schritt > summary::-webkit-details-marker{display:none}
.el-kern .schritt-kopf .marg{padding-top:calc(var(--base)*.35)}
.el-kern .kopfzeile{display:flex; gap:calc(var(--base)*1.2); align-items:flex-start; max-width:var(--block)}
.el-kern .kopftext{flex:1; display:block}
.el-kern .leitsatz{display:block; max-width:var(--measure); color:var(--mid)}
.el-kern details[open] .leitsatz{color:var(--ink)}
.el-kern details.schritt > summary:hover h3{text-decoration:underline;
text-decoration-thickness:1px; text-underline-offset:.2em}
.el-kern .zeichen{flex:none; width:calc(var(--base)*.9); height:calc(var(--base)*.9); margin-top:calc(var(--base)*.45); position:relative}
.el-kern .zeichen::before,.el-kern .zeichen::after{content:""; position:absolute;
left:0; right:0; top:50%; height:1.5px; background:var(--graphite)}
.el-kern .zeichen::after{transform:rotate(90deg)}
.el-kern details[open] .zeichen::after{display:none}
.el-kern .schritt-inhalt{padding-top:0; padding-bottom:calc(var(--base)*1.8)} .el-kern .tiefe{margin:calc(var(--base)*1.4) 0 0; max-width:var(--measure)}
.el-kern .tiefe .lbl{font-family:'IBM Plex Mono',monospace; font-size:calc(var(--base)*.7);
letter-spacing:.05em; text-transform:uppercase; color:var(--patina-deep); margin:0 0 calc(var(--base)*.35)}
.el-kern .tiefe ul{list-style:none; margin:0; padding:0; font-size:calc(var(--base)*.93)}
.el-kern .tiefe li{margin:calc(var(--base)*.2) 0}
.el-kern .kap{display:inline-block; min-width:calc(var(--base)*3.4);
font-family:'IBM Plex Mono',monospace; font-size:calc(var(--base)*.74); letter-spacing:.03em}
.el-kern .weiter{display:inline-block; margin-top:calc(var(--base)*1.2);
font-family:'IBM Plex Mono',monospace; font-size:calc(var(--base)*.74); letter-spacing:.05em;
text-transform:uppercase} .el-kern figure{margin:calc(var(--base)*1.6) 0 0; max-width:var(--block)}
.el-kern .fighead{border-bottom:2px solid var(--patina-deep); padding-bottom:calc(var(--base)*.5);
margin-bottom:calc(var(--base)*1.2); display:flex; gap:calc(var(--base)*.3) calc(var(--base)*.9); align-items:baseline; flex-wrap:wrap}
.el-kern .fighead .n{font-family:'IBM Plex Mono',monospace; font-size:calc(var(--base)*.72);
letter-spacing:.06em; text-transform:uppercase; color:var(--patina-deep)}
.el-kern .fighead .t{font-size:calc(var(--base)*.95); font-weight:500}
.el-kern .figbox{background:var(--field); border:1px solid var(--rule); padding:calc(var(--base)*1.4)}
.el-kern section.band .figbox{background:var(--paper)}
.el-kern .figbox svg{display:block; width:100%; height:auto}
.el-kern figcaption{font-size:calc(var(--base)*.83); line-height:1.55; color:var(--mid);
margin-top:calc(var(--base)*.9); max-width:var(--measure)}
.el-kern figcaption .disc{display:block; margin-top:calc(var(--base)*.4);
font-family:'IBM Plex Mono',monospace; font-size:calc(var(--base)*.7); letter-spacing:.03em;
color:var(--faint); line-height:1.5} .el-kern .s-name{font-family:'Spectral',Georgia,serif; font-size:19px; fill:var(--ink)}
.el-kern .s-fn{font-family:'IBM Plex Sans',sans-serif; font-size:12.5px; fill:var(--mid)}
.el-kern .s-mono{font-family:'IBM Plex Mono',monospace; font-size:10.5px;
letter-spacing:.05em; text-transform:uppercase; fill:var(--patina-deep)}
.el-kern .s-mono-m{font-family:'IBM Plex Mono',monospace; font-size:10.5px;
letter-spacing:.05em; text-transform:uppercase; fill:var(--mid)}
.el-kern .s-mono-f{font-family:'IBM Plex Mono',monospace; font-size:10px;
letter-spacing:.04em; text-transform:uppercase; fill:var(--faint)} .el-kern .axiom{padding:calc(var(--base)*1.5) calc(var(--base)*1.6); background:var(--tint);
border-left:3px solid var(--patina-deep); max-width:var(--block); margin:calc(var(--base)*1.6) 0 0}
.el-kern .axiom p{max-width:none}
.el-kern .axiom .lbl{font-family:'IBM Plex Mono',monospace; font-size:calc(var(--base)*.72);
letter-spacing:.08em; text-transform:uppercase; color:var(--patina-deep); margin-bottom:calc(var(--base)*.6)}
.el-kern .axiom .st{font-family:'Spectral',Georgia,serif;
font-size:clamp(calc(var(--base)*1.2),2.3vw,calc(var(--base)*1.5)); line-height:1.4; margin:0 0 calc(var(--base)*.7)}
.el-kern .axiom .gloss{font-size:calc(var(--base)*.95); color:var(--mid); margin:0} .el-kern .act{display:inline-block; font-family:'IBM Plex Mono',monospace;
font-size:calc(var(--base)*.76); letter-spacing:.07em; text-transform:uppercase;
text-decoration:none; padding:calc(var(--base)*.78) calc(var(--base)*1.4); border:1.5px solid var(--graphite);
color:var(--graphite-deep); background:transparent; cursor:pointer; border-radius:0}
.el-kern .act:hover,.el-kern .act:focus-visible{background:var(--graphite-deep);
border-color:var(--graphite-deep); color:var(--field)}
.el-kern .steuerung{display:flex; flex-wrap:wrap; gap:calc(var(--base)*.8) calc(var(--base)*1.4);
align-items:center; margin-top:calc(var(--base)*1.4)}
.el-kern .steuerung p{margin:0; font-size:calc(var(--base)*.9); color:var(--mid)}
.el-kern .knopfzeile{margin-top:calc(var(--base)*1.6)} .el-kern .offen{margin:0; padding-left:calc(var(--base)*1.2)}
.el-kern .offen li{margin:0 0 calc(var(--base)*.8)}
.el-kern .zugaenge{list-style:none; margin:0; padding:0}
.el-kern .zugaenge li{margin:0 0 calc(var(--base)*.9)}
.el-kern .zugaenge span{display:block; font-size:calc(var(--base)*.9); color:var(--mid)}
@media(max-width:820px){
.el-kern .row{grid-template-columns:minmax(0,1fr); gap:0}
.el-kern .row > *{min-width:0}
.el-kern .schritt-kopf .marg{padding-top:0; margin-bottom:calc(var(--base)*.5)}
}
@media(max-width:480px){
.el-kern .figbox{padding:calc(var(--base)*1) calc(var(--base)*.8)}
.el-kern .glied{padding-left:calc(var(--base)*2.1)}
}
@media print{
.el-kern .steuerung,.el-kern .zeichen,.el-kern .weiter{display:none}
.el-kern details{display:block}
.el-kern details > *{display:block}
.el-kern section.band{background:none}
} .el-kern .kette .stage{border:1px solid var(--rule);background:var(--field);line-height:0}
.el-kern .kette canvas{display:block;width:100%} .el-kern .kette .regler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
gap:calc(var(--base)*1.4) calc(var(--base)*2);margin-top:calc(var(--base)*1.5)} .el-kern .kette .ctl{display:flex;flex-direction:column}
.el-kern .kette .ctl .lbl{font-family:'IBM Plex Mono',monospace;font-size:.68em;letter-spacing:.06em;
text-transform:uppercase;color:var(--patina-deep);display:flex;justify-content:space-between;gap:.5em;
padding-bottom:.55em;margin-bottom:.8em;border-bottom:1px solid var(--rule)}
.el-kern .kette .ctl .gl{flex:1 0 auto;font-size:.85em;color:var(--mid);line-height:1.45;margin:0 0 .85em}
.el-kern .kette .ctl .ends{display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;
font-size:.62em;letter-spacing:.04em;text-transform:uppercase;color:var(--mid);margin-top:.3em} .el-kern .kette input[type=range]{-webkit-appearance:none;appearance:none;display:block;
width:100%;height:22px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;
background:linear-gradient(var(--rule),var(--rule)) center/100% 2px no-repeat;
accent-color:var(--graphite);color:var(--graphite);outline:none;-webkit-tap-highlight-color:transparent}
.el-kern .kette input[type=range]::-webkit-slider-runnable-track{height:22px;background:transparent;border:0;box-shadow:none}
.el-kern .kette input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;
width:14px;height:14px;margin-top:4px;background:var(--graphite);border:0;border-radius:0;box-shadow:none}
.el-kern .kette input[type=range]::-moz-range-track{height:22px;background:transparent;border:0}
.el-kern .kette input[type=range]::-moz-range-progress{background:transparent}
.el-kern .kette input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--graphite);border:0;border-radius:0;box-shadow:none}
.el-kern .kette input[type=range]:hover::-webkit-slider-thumb,
.el-kern .kette input[type=range]:active::-webkit-slider-thumb{background:var(--graphite-deep)}
.el-kern .kette input[type=range]:hover::-moz-range-thumb,
.el-kern .kette input[type=range]:active::-moz-range-thumb{background:var(--graphite-deep)}
.el-kern .kette input[type=range]:focus{outline:none}
.el-kern .kette input[type=range]:focus-visible{outline:2px solid var(--patina-deep);outline-offset:3px}
.el-kern .kette .acts{display:flex;flex-wrap:wrap;gap:calc(var(--base)*.6);margin-top:calc(var(--base)*1.2);align-items:center}
.el-kern .kette .out{margin-top:calc(var(--base)*1.2);border-left:3px solid var(--patina);
padding:calc(var(--base)*.2) 0 calc(var(--base)*.2) calc(var(--base)*1.15)}
.el-kern .kette .out p{max-width:none}
.el-kern .kette .out .lbl{font-family:'IBM Plex Mono',monospace;font-size:.68em;letter-spacing:.06em;
text-transform:uppercase;color:var(--patina-deep);margin-bottom:.5em}
.el-kern .kette .out .st{font-family:'Spectral',Georgia,serif;font-size:1.15em;line-height:1.4;margin:0 0 .35em}
.el-kern .kette .out .txt{font-size:.92em;margin:0;line-height:1.55} .el-kern .kette.ist-hoch .regler{position:sticky;bottom:0;z-index:2;background:var(--field);
margin-top:calc(var(--base)*1);padding:calc(var(--base)*.6) 0 calc(var(--base)*.4);
gap:calc(var(--base)*.35);border-top:1px solid var(--rule)}
.el-kern section.band .kette.ist-hoch .regler{background:var(--paper)}
.el-kern .kette.ist-hoch .regler{grid-template-columns:minmax(0,1fr)}
.el-kern .kette.ist-hoch .ctl .gl{display:none}
.el-kern .kette.ist-hoch .ctl .lbl{border-bottom:0;padding-bottom:0;margin-bottom:.15em}
.el-kern .kette.ist-hoch .ctl .ends{margin-top:0}
.el-kern .kette.ist-hoch input[type=range]{height:18px}
.el-kern .kette.ist-hoch input[type=range]::-webkit-slider-runnable-track{height:18px}
.el-kern .kette.ist-hoch input[type=range]::-webkit-slider-thumb{margin-top:2px} .el-kern section.anschauung figure{margin-top:0}
.el-kern #abb-kette{scroll-margin-top:calc(var(--base)*4)}
.el-kern .kette-verweis{margin:calc(var(--base)*1.4) 0 0}