/* Gemeinsames Styling der eingebetteten Rechner (an Seiten-Tokens angeglichen) */
:root{--brand:#0e7cb8;--brand-d:#0a6597;--brand-l:#e6f3fa;--ink:#10222e;--mute:#52667a;--line:#dde9f1}
html,body{font-family:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:var(--ink)!important;background:#fff!important}
body{padding:24px 20px!important}
h1,h2,h3{color:var(--ink)!important;font-weight:800!important;letter-spacing:-.01em}
label{color:var(--mute)!important;font-weight:700;font-size:15px}
input,select,textarea{font-family:inherit!important;font-size:16px!important;color:var(--ink)!important;min-height:46px;padding:0 14px!important;border:2px solid var(--line)!important;border-radius:12px!important;background:#fff!important}
input:focus,select:focus{outline:none!important;border-color:var(--brand)!important}
button,.btn,input[type=submit]{font-family:inherit!important;font-weight:800!important;font-size:16px!important;min-height:48px;padding:0 24px!important;border:0!important;border-radius:12px!important;background:var(--brand)!important;color:#fff!important;cursor:pointer}
button:hover{background:var(--brand-d)!important}
#result,.result,[id*=result],[id*=ergebnis]{color:var(--brand-d)!important}
a{color:var(--brand-d)!important}
table{border-collapse:collapse}
th{background:var(--brand-l)!important;color:var(--ink)!important}
td,th{border-color:var(--line)!important}
#slider{height:8px!important;background:var(--brand-l)!important;opacity:1!important}
#slider::-webkit-slider-thumb{width:26px!important;height:26px!important;background:var(--brand)!important}
#slider::-moz-range-thumb{width:26px!important;height:26px!important;background:var(--brand)!important}