.rechner-kopf{padding-top:var(--abstand-96);padding-bottom:var(--abstand-64)}.rechner-zurueck{color:inherit;text-decoration:none}.rechner-zurueck:hover span{color:var(--violett)}.rechner{gap:var(--abstand-64);grid-template-columns:1fr 1fr;align-items:start;display:grid}.rechner-felder{gap:var(--abstand-32);display:grid}.rechner .sys-feld input{border-color:var(--text)}.rechner .sys-feld input[type=range]{min-height:48px;accent-color:var(--text);border:0;padding:0}.rechner .sys-feld .sys-hilfe{font-size:var(--schrift-15)}.rechner-ergebnis{top:var(--abstand-96);position:sticky}.rechner-schild{border:var(--kante) solid var(--text);margin:0;display:grid}.rechner-schild>div{gap:var(--abstand-4);padding:var(--abstand-16) var(--abstand-24) var(--abstand-24);border:1px solid var(--text);display:grid}.rechner-schild dt{font-size:var(--schrift-13);color:var(--text-leise)}.rechner-schild dd{margin:var(--abstand-4) 0 0;font-family:var(--schrift-ueberschrift);font-weight:var(--schnitt-ueberschrift);letter-spacing:var(--laufweite-ueberschrift);font-size:var(--schrift-38);font-variant-numeric:tabular-nums;line-height:1.1}.rechner-schild span{font-size:var(--schrift-15);color:var(--text-leise);font-variant-numeric:tabular-nums}.rechner-satz{margin:var(--abstand-24) 0 0;font-family:var(--schrift-ueberschrift);font-weight:var(--schnitt-ueberschrift);letter-spacing:var(--laufweite-ueberschrift);font-size:var(--schrift-24);text-wrap:balance;line-height:1.25}.rechner-weg{margin-top:var(--abstand-64);color:var(--text-leise)}.rechner-weg ul{margin:var(--abstand-16) 0 0;gap:var(--abstand-8);font-size:var(--schrift-15);padding-left:1.2em;display:grid}.rechner-grenzen dl{margin:var(--abstand-32) 0 0;border-top:1px solid var(--v2-linie)}.rechner-grenzen dl>div{gap:var(--abstand-24);padding:var(--abstand-24) 0;border-bottom:1px solid var(--v2-linie);grid-template-columns:22em 1fr;align-items:baseline;display:grid}.rechner-grenzen dd{margin:0}@media (max-width:900px){.rechner{gap:var(--abstand-48);grid-template-columns:1fr}.rechner-ergebnis{position:static}.rechner-kopf{padding-top:var(--abstand-48);padding-bottom:var(--abstand-48)}.rechner-grenzen dl>div{gap:var(--abstand-4);grid-template-columns:1fr}}@media (max-width:520px){.rechner-schild dd{font-size:var(--schrift-30)}.rechner-schild>div{padding:var(--abstand-12) var(--abstand-16) var(--abstand-16)}.rechner-satz{font-size:var(--schrift-20)}}
