:root{
  --grund:#0d1117; --karte:#161b22; --karte2:#1c2430; --rand:#2b3543;
  --text:#e6edf3; --duenn:#9aa7b4; --akzent:#4f9cf9; --gut:#3fb950; --schlecht:#f85149; --warn:#d29922;
}
*{box-sizing:border-box}
body{margin:0;background:var(--grund);color:var(--text);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
header{display:flex;align-items:center;gap:18px;padding:10px 18px;background:var(--karte);
  border-bottom:1px solid var(--rand);position:sticky;top:0;z-index:5;flex-wrap:wrap}
.marke{font-weight:600;letter-spacing:.3px}
nav{display:flex;gap:6px;flex-wrap:wrap}
nav button{background:transparent;border:1px solid transparent;color:var(--duenn);padding:6px 12px;
  border-radius:8px;cursor:pointer;font-size:14px}
nav button.aktiv{background:var(--karte2);border-color:var(--rand);color:var(--text)}
.rechts{margin-left:auto;display:flex;align-items:center;gap:10px}
main{padding:20px;max-width:1400px;margin:0 auto}
.karte{background:var(--karte);border:1px solid var(--rand);border-radius:12px;padding:18px;margin-bottom:16px}
.karte.mitte{max-width:380px;margin:12vh auto}
.raster{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}
@media(max-width:900px){.raster{grid-template-columns:1fr}}
h1{font-size:22px;margin:0 0 6px}h2{font-size:17px;margin:0 0 12px}h3{font-size:14px;margin:16px 0 8px;color:var(--duenn)}
label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--duenn)}
input,select,textarea{background:var(--karte2);border:1px solid var(--rand);border-radius:8px;
  color:var(--text);padding:9px 10px;font:inherit;width:100%}
textarea{resize:vertical}
.felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.zeile{display:flex;align-items:center;gap:12px;margin:12px 0;flex-wrap:wrap}
button{cursor:pointer;font:inherit;border-radius:8px;padding:8px 14px;border:1px solid var(--rand);
  background:var(--karte2);color:var(--text)}
button.haupt{background:var(--akzent);border-color:var(--akzent);color:#04121f;font-weight:600}
button.leise{background:transparent}
button:disabled{opacity:.5;cursor:progress}
.duenn{color:var(--duenn)}
.klein{font-size:12.5px}
.fehler{color:var(--schlecht);min-height:18px;font-size:13px}
.chip{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--karte2);border:1px solid var(--rand)}
.chip.gut{color:var(--gut)}.chip.warn{color:var(--warn)}.chip.schlecht{color:var(--schlecht)}
pre{white-space:pre-wrap;word-break:break-word;background:var(--karte2);border:1px solid var(--rand);
  border-radius:8px;padding:10px;margin:8px 0}
.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.medium{background:var(--karte2);border:1px solid var(--rand);border-radius:10px;overflow:hidden}
.medium img,.medium video{width:100%;display:block;background:#000;max-height:260px;object-fit:cover}
.medium .fuss{padding:8px 10px;font-size:12.5px;color:var(--duenn)}
.medium .fuss b{color:var(--text);font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.medium .fuss button{padding:4px 8px;font-size:12px;margin-top:6px}
.zeile-tab{display:grid;grid-template-columns:110px 120px 1fr 90px;gap:8px;padding:8px 0;
  border-bottom:1px solid var(--rand);align-items:center;font-size:13.5px}
.zeile-tab .st{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--rand);text-align:center}
.st.fertig{color:var(--gut)}.st.laeuft{color:var(--akzent)}.st.fehler{color:var(--schlecht)}
.st.wartet{color:var(--warn)}.st.abgebrochen{color:var(--duenn)}
summary{cursor:pointer;color:var(--duenn);font-size:13px}