:root{--farbe-text: #1a202c;--farbe-text-gedimmt: #4a5568;--farbe-hintergrund: #ffffff;--farbe-flaeche: #f5f7fa;--farbe-akzent: #0b5fa5;--farbe-akzent-dunkel: #094d86;--farbe-rand: #cbd5e0;--farbe-fokus: #1a73e8;--farbe-ergebnis: #eaf3fb;--schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schriftgroesse-basis: 1rem;--zeilenhoehe: 1.6;--tap-minimum: 44px;--radius: 8px;--abstand: 1rem;--inhalt-maxbreite: 44rem}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--schrift);font-size:var(--schriftgroesse-basis);line-height:var(--zeilenhoehe);color:var(--farbe-text);background:var(--farbe-hintergrund);overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}.tabelle-scroll{overflow-x:auto}h1,h2,h3{overflow-wrap:break-word;hyphens:auto}.inhalt{max-width:var(--inhalt-maxbreite);margin-inline:auto;padding-inline:var(--abstand)}header.seitenkopf{background:var(--farbe-flaeche);border-bottom:1px solid var(--farbe-rand)}header.seitenkopf .inhalt{display:flex;align-items:center;min-height:var(--tap-minimum);padding-block:.5rem}.logo{font-weight:700;font-size:1.125rem;color:var(--farbe-text);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;min-height:var(--tap-minimum)}.logo svg{flex:none;display:block}.kopfzeile{justify-content:space-between;gap:.5rem}.hauptmenue{position:relative}.hauptmenue summary{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--tap-minimum);padding-inline:.625rem;font-weight:600;cursor:pointer;list-style:none;border-radius:var(--radius)}.hauptmenue summary::-webkit-details-marker{display:none}.hauptmenue summary:focus-visible{outline:2px solid var(--farbe-fokus);outline-offset:2px}.menue-icon{font-size:1.1rem;line-height:1}.hauptmenue details[open] summary{background:var(--farbe-ergebnis)}.hauptmenue ul{position:absolute;right:0;top:calc(100% + .25rem);z-index:10;margin:0;padding:.25rem;list-style:none;min-width:16rem;background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius);box-shadow:0 4px 12px #00000014}.hauptmenue ul a{display:flex;align-items:center;min-height:var(--tap-minimum);padding-inline:.75rem;color:var(--farbe-text);text-decoration:none;border-radius:6px}.hauptmenue ul a:hover,.hauptmenue ul a:focus-visible{background:var(--farbe-flaeche)}main{padding-block:1.5rem 3rem}footer.seitenfuss{background:var(--farbe-flaeche);border-top:1px solid var(--farbe-rand);padding-block:1rem;font-size:.875rem;color:var(--farbe-text-gedimmt)}footer.seitenfuss nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}footer.seitenfuss a{color:var(--farbe-text-gedimmt);display:inline-flex;align-items:center;min-height:var(--tap-minimum)}h1{font-size:1.5rem;line-height:1.3;margin:0 0 .75rem}h2{font-size:1.25rem;line-height:1.35;margin:2rem 0 .5rem}p{margin:0 0 1rem}a{color:var(--farbe-akzent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:2px}label{display:block;font-weight:600;margin-bottom:.25rem}input,select,button{font:inherit}input[type=text],input[type=number],input[type=date],select{width:100%;min-height:var(--tap-minimum);padding:.5rem .75rem;border:1px solid var(--farbe-rand);border-radius:var(--radius);background:var(--farbe-hintergrund);color:var(--farbe-text)}button,.knopf{min-height:var(--tap-minimum);min-width:var(--tap-minimum);padding:.5rem 1.25rem;border:none;border-radius:var(--radius);background:var(--farbe-akzent);color:#fff;font-weight:600;cursor:pointer}button:active,.knopf:active{background:var(--farbe-akzent-dunkel)}.ergebnis{background:var(--farbe-ergebnis);border-radius:var(--radius);padding:1rem;margin-top:1rem}.rechner-liste{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.75rem}.rechner-liste a{display:block;min-height:var(--tap-minimum);padding:.875rem 1rem;background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);color:var(--farbe-text);text-decoration:none}.rechner-liste a strong{color:var(--farbe-akzent)}.rechner-liste a span{display:block;font-size:.875rem;color:var(--farbe-text-gedimmt)}@media(min-width:640px){.rechner-liste{grid-template-columns:1fr 1fr}h1{font-size:1.875rem}}