/* Stil für den geschützten Bereich (rechner.html). Keine Schriften, keine Bilder von außen. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;padding:2px 2px 8px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5;color:#0f1b2d;background:transparent;font-size:16px}
main{max-width:100%}
.eha-feld{margin:0 0 14px}
.eha-feld label{display:block;font-weight:600;font-size:.92rem;margin:0 0 6px}
.eha-feld textarea{display:block;width:100%;min-height:11rem;padding:11px 13px;border:1px solid #64748b;border-radius:10px;font:0.86rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#0f1b2d;background:#fff;resize:vertical}
.eha-feld input[type=file]{display:block;width:100%;max-width:100%;font:inherit;font-size:.92rem;padding:8px 0}
.eha-klein{margin:6px 0 0;font-size:.82rem;color:#5b6b7f}
.eha-knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 6px}
.eha-btn{min-height:44px;min-width:44px;padding:10px 16px;border:1px solid #64748b;background:#fff;color:#0f1b2d;border-radius:10px;font:inherit;font-weight:600;font-size:.92rem;cursor:pointer}
.eha-btn:hover{border-color:#2d8fa3;color:#1f6f7f}
.eha-btn-primaer{background:#1f6f7f;border-color:#1f6f7f;color:#fff}
.eha-btn-primaer:hover{background:#185a68;border-color:#185a68;color:#fff}
.eha-btn:focus-visible,.eha-feld textarea:focus-visible,.eha-feld input:focus-visible{outline:3px solid #0d4f87;outline-offset:2px}
@media (max-width:420px){.eha-btn{flex:1 1 100%}}
.eha-box{margin:14px 0 0;padding:11px 14px;border-radius:10px;font-size:.92rem;border:1px solid}
.eha-box-rot{background:#fef3f0;border-color:#f3c9bf;color:#8c3a26}
.eha-box-info{background:#e8f1fb;border-color:#cfe0f3;color:#1e5a96}
.eha-box[hidden]{display:none}
#auswertung h2{font-size:1.1rem;letter-spacing:-.01em;margin:26px 0 8px;padding-top:14px;border-top:1px solid #e2e8f0}
#auswertung h2:first-child{margin-top:18px}
#auswertung p{margin:6px 0}
.eha-dl{display:grid;grid-template-columns:minmax(7.5rem,max-content) minmax(0,1fr);gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin:8px 0 0}
.eha-dl dt,.eha-dl dd{margin:0;background:#fff;padding:9px 13px}
.eha-dl dt{font-size:.82rem;font-weight:600;color:#5b6b7f}
.eha-dl dd{overflow-wrap:anywhere;word-break:break-word}
@media (max-width:480px){.eha-dl{grid-template-columns:minmax(0,1fr)}.eha-dl dt{padding-bottom:0}.eha-dl dd{padding-top:2px}}
.eha-warn{margin:10px 0 0;padding:11px 14px;border-radius:10px;border:1px solid;border-left-width:6px;overflow-wrap:anywhere}
.eha-warn strong{display:block}
.eha-warn .eha-stufe{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 2px}
.eha-warn p{margin:4px 0 0;font-size:.92rem}
.eha-rot{background:#fef3f0;border-color:#c2543b;color:#6e2b1b}
.eha-gelb{background:#fff7e0;border-color:#b7791f;color:#5f3f06}
.eha-info{background:#e8f1fb;border-color:#2b6cb0;color:#17466f}
.eha-karte{margin:10px 0 0;border:1px solid #e2e8f0;border-radius:12px;padding:6px 14px 12px;background:#fff}
.eha-karte h3{font-size:.95rem;margin:10px 0 4px;overflow-wrap:anywhere}
.eha-zeile{padding:8px 0;border-top:1px solid #eef2f6;overflow-wrap:anywhere}
.eha-zeile:first-of-type{border-top:0}
.eha-erg{display:inline-block;padding:1px 9px;border-radius:999px;font-weight:700;font-size:.82rem;border:1px solid;margin-left:6px}
.eha-erg-pass{background:#e9f7f0;border-color:#2e9e7b;color:#14573f}
.eha-erg-fail{background:#fef3f0;border-color:#c2543b;color:#6e2b1b}
.eha-erg-sonst{background:#f5f7fa;border-color:#94a3b8;color:#334155}
.eha-props{margin:3px 0 0;font:.82rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#334155;white-space:pre-wrap;overflow-wrap:anywhere}
.eha-liste{list-style:none;margin:8px 0 0;padding:0}
.eha-hop{margin:0 0 10px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow-wrap:anywhere}
.eha-hop h3{font-size:.95rem;margin:0 0 4px}
.eha-hop p{margin:2px 0;font-size:.92rem}
.eha-hop .k{color:#5b6b7f;font-size:.82rem;font-weight:600}
.eha-hop.eha-auff{border-color:#b7791f;border-left-width:6px;background:#fffdf5}
.eha-ip{display:inline-block;margin:1px 4px 1px 0;padding:1px 8px;border-radius:6px;background:#f1f5f9;font:.84rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.eha-ip-intern{background:#eef2ff;color:#312e81}
.eha-ende{margin-top:22px}
.eha-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#auswertung h2:focus{outline:none}
#auswertung h2:focus-visible{outline:3px solid #0d4f87;outline-offset:2px}