/* AmtsPostCheck Premium: Farben und Schrift wie die kostenlose Seite (produkte/mipos5/seite/mipos5.html: --akzent #2f5d8a, --tinte #1f2933,
   --grund #f5f7f9, --linie #d9dee3, --leise #5b6770, Segoe UI). Kein Rahmenwerk, keine Schrift aus dem Netz. Handy ab 360 px. */
:root{
  --bg:#f5f7f9; --paper:#ffffff; --fg:#1f2933; --muted:#5b6770; --line:#d9dee3;
  --ink:#2f5d8a; --ink-soft:#e6eef6; --gold:#a8750a; --gold-soft:#fbf1d6;
  --stop:#a3332d; --stop-soft:#f8e3e1; --ok:#2e6b3f; --ok-soft:#e1f0e5;
  --font:"Segoe UI",system-ui,Arial,sans-serif; --mono:Consolas,"Courier New",monospace;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#141821; --paper:#1c2230; --fg:#e8e9ee; --muted:#a4acbd; --line:#323a4b;
  --ink:#8fb0ee; --ink-soft:#22304a; --gold:#e2b24a; --gold-soft:#3a3015;
  --stop:#f08a83; --stop-soft:#4a2320; --ok:#8fd0a2; --ok-soft:#1f3a28; color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#141821; --paper:#1c2230; --fg:#e8e9ee; --muted:#a4acbd; --line:#323a4b;
  --ink:#8fb0ee; --ink-soft:#22304a; --gold:#e2b24a; --gold-soft:#3a3015;
  --stop:#f08a83; --stop-soft:#4a2320; --ok:#8fd0a2; --ok-soft:#1f3a28; color-scheme:dark }
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 40px}
.band{background:var(--gold-soft);color:var(--gold);text-align:center;font-weight:600;padding:6px 12px;margin:0 -16px;letter-spacing:.03em;font-size:.9rem}
.band.live{background:var(--ok-soft);color:var(--ok)}
.band.stoer{background:var(--stop-soft);color:var(--stop)}
.wrap{max-width:1100px;margin:0 auto}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;padding:20px 0 12px}
h1{margin:0;font-size:1.6rem;color:var(--ink);letter-spacing:-.01em}
h1 .premium{color:var(--gold)}
.sub{color:var(--muted);font-size:.95rem;margin:2px 0 0}
.who{font-size:.92rem;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#meldung{background:var(--ink-soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:8px 0 14px}
#meldung.fehler{background:var(--stop-soft);color:var(--stop)}
#meldung.ok{background:var(--ok-soft);color:var(--ok)}
section{display:none}
section.aktiv{display:block}
h2{font-size:1.2rem;margin:0 0 10px}
h3{font-size:1.02rem;margin:14px 0 8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}
.grid.zwei{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.tafel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px 20px;min-width:0}
.tafel.breit{grid-column:1/-1}
.tafel.schmal{max-width:520px;margin:0 auto}
.tafel.hervor{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft) inset}
.tafel.gefahr{border-color:var(--stop-soft)}
.kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.liste{margin:0 0 12px;padding-left:20px}
.liste li{margin:4px 0}
.preise{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.preis{border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-width:150px;background:var(--bg)}
.preis b{display:block;color:var(--ink)}
.hinweis{color:var(--muted);font-size:.92rem}
.klein{font-size:.85rem;color:var(--muted)}
.knopf{font:inherit;font-weight:600;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:8px;padding:8px 14px;cursor:pointer;text-decoration:none;display:inline-block}
.knopf.leise{background:transparent;color:var(--ink)}
.knopf.gefahr{background:var(--stop);border-color:var(--stop)}
.knopf.klein{padding:4px 10px;font-size:.9rem}
.knopf:disabled{opacity:.55;cursor:wait}
.knopf:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
nav.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin:0 0 16px}
nav.tabs button{font:inherit;font-weight:500;background:transparent;border:0;border-bottom:3px solid transparent;padding:10px 12px;color:var(--muted);cursor:pointer}
nav.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.formular{display:none}
.formular.aktiv{display:block}
.formular label{display:block;margin:10px 0 4px;font-weight:500}
.formular input[type=email],.formular input[type=password],.formular input[type=text],.inline input[type=text]{font:inherit;width:100%;max-width:420px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--fg)}
.inline{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.inline label{display:block;font-weight:500;flex:1 1 240px}
.inline input{display:block;margin-top:4px}
label.kasten{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:.92rem}
label.kasten input{margin-top:4px}
.zeile{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px;align-items:center}
.chip{display:inline-block;font-size:.8rem;font-weight:600;border-radius:999px;padding:2px 10px;background:var(--ink-soft);color:var(--ink)}
.chip.aktiv{background:var(--ok-soft);color:var(--ok)}
.chip.nachfrist{background:var(--gold-soft);color:var(--gold)}
.chip.keins{background:var(--stop-soft);color:var(--stop)}
dl.daten{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}
dl.daten dt{color:var(--muted)}
dl.daten dd{margin:0;min-width:0}
.qr{margin:10px 0}
.qr img,.qr svg{width:200px;height:200px;background:#fff;padding:8px;border-radius:8px;border:1px solid var(--line)}
code{font-family:var(--mono);font-size:.9em;word-break:break-all}
footer{margin-top:28px;border-top:1px solid var(--line);padding-top:12px}
@media (max-width:480px){ header{padding-top:14px} h1{font-size:1.35rem} .tafel{padding:14px} dl.daten{grid-template-columns:1fr} }