:root{--bg:#f6f4ef;--fg:#1d2326;--ak:#0e7c86;--ak2:#b3267a;--card:#fff;--ln:#d9d4c8}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--fg)}
header,main,footer,nav{max-width:1100px;margin:0 auto;padding:12px 16px}
h1{margin:0;color:var(--ak)}h2{border-bottom:2px solid var(--ak);padding-bottom:4px}
nav a{margin-right:12px;color:var(--ak);text-decoration:none;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.card{background:var(--card);border:1px solid var(--ln);border-radius:8px;padding:12px;margin-bottom:12px}
label{display:block;font-size:14px;margin:6px 0}input,select,textarea{width:100%;padding:6px;border:1px solid var(--ln);border-radius:4px;font:inherit}
output{display:block;margin-top:8px;padding:8px;background:#eef6f6;border-left:4px solid var(--ak);white-space:pre-line}
output.bad{background:#fbe9ef;border-color:var(--ak2)}
button{background:var(--ak);color:#fff;border:0;border-radius:4px;padding:8px 14px;margin:6px 6px 6px 0;cursor:pointer;font:inherit}
table{border-collapse:collapse;width:100%;background:#fff;margin:8px 0;font-size:14px}th,td{border:1px solid var(--ln);padding:5px 7px;text-align:left;vertical-align:top}th{background:#e8efef}
.warn{background:#fff4d6;border-left:4px solid #c68a00;padding:8px}
.chk{display:block}.chk input{width:auto;margin-right:6px}
details{margin:6px 0}summary{cursor:pointer;font-weight:600}
@media print{nav,.bar,#fVers,#rechner,#katalog,#sicher,#quellen,footer{display:none}body{background:#fff}}