:root{color-scheme:light dark;font-family:system-ui,sans-serif;color:#14223f;background:#f4f6fb}*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}#flaeche{position:relative}#bild{display:block;width:100%;height:100%;object-fit:contain;outline:none;touch-action:none}#bild:not([src]){visibility:hidden}#bild:focus-visible{outline:2px solid #2365e8;outline-offset:-2px}#status{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:24px;background:#f4f6fb;text-align:center}#status[hidden]{display:none}#http{position:absolute;right:8px;top:8px;padding:4px 8px;border-radius:4px;background:#fff3d5;color:#633f00;font-size:12px;pointer-events:none}#eingabe{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}
#tastatur-hinweis{position:absolute;right:8px;bottom:8px;margin:0;padding:8px 12px;border:1px solid #cbd5e1;border-radius:4px;background:#f4f6fb;color:#14223f;font-size:13px;opacity:0;pointer-events:none}
#bild:focus-visible ~ #tastatur-hinweis{opacity:1}
