@font-face{font-family:Inter;src:url(/schrift/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#eef3f1;color:#1d3b34;padding:1rem;box-sizing:border-box}
.box{background:#fff;padding:2rem;border-radius:8px;width:min(100%,360px);box-sizing:border-box;box-shadow:0 2px 12px rgba(29,59,52,.12)}
.box.breit{width:min(100%,860px)}
h1{margin:0 0 1rem;font-size:1.6rem}
h2{margin:2rem 0 .5rem;font-size:1.2rem}
label{display:block;margin:.8rem 0 .3rem}
input{width:100%;box-sizing:border-box;padding:.6rem;border:1px solid #9fb5ae;border-radius:4px;font-size:1rem;font-family:inherit}
label.check{display:flex;gap:.5rem;align-items:center}
label.check input{width:auto}
button,.btn{margin-top:1.2rem;width:100%;padding:.7rem;border:0;border-radius:4px;background:#1d3b34;color:#fff;font-size:1rem;font-family:inherit;cursor:pointer;text-align:center;text-decoration:none;display:block;box-sizing:border-box}
.hell{background:#d7e4e0;color:#1d3b34}
.rot{background:#a12b2b;color:#fff}
button.klein{width:auto;margin:0;padding:.45rem .8rem;font-size:.9rem;white-space:nowrap}
.link{display:block;margin-top:1rem;text-align:center;color:#1d3b34}
.fehler{color:#a12b2b;margin:.5rem 0}
.ok{color:#1f6b3a;margin:.5rem 0}
.tabelle{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;padding:.6rem .4rem;border-bottom:1px solid #d7e4e0;vertical-align:middle}
.zeile{display:flex;gap:.4rem}
.zeile input{padding:.4rem;font-size:.9rem;min-width:9rem}
.aktionen{display:flex;gap:.4rem;flex-wrap:wrap}
:focus-visible{outline:3px solid #6aa392;outline-offset:2px}
.hinweis{font-size:.9rem;color:#4d6b63;margin:.8rem 0 0}
.liste{list-style:none;padding:0;margin:0}
.liste li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;border-bottom:1px solid #d7e4e0}
.box.breit{width:min(100%,720px)}

select,textarea{width:100%;box-sizing:border-box;padding:.6rem;border:1px solid #9fb5ae;border-radius:4px;font-size:1rem;font-family:inherit;background:#fff;color:#1d3b34}
textarea{resize:vertical;line-height:1.5}
a.btn.klein{width:auto;margin:0;padding:.45rem .8rem;font-size:.9rem;display:inline-block}
.liste small{color:#4d6b63}
.liste .aktionen{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
h1,h2,h3{letter-spacing:-.02em}
.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 .8rem}
.tag,button.tag{display:inline-block;width:auto;margin:0;padding:.15rem .6rem;border:1px solid #9fb5ae;border-radius:999px;background:#eef3f1;color:#1d3b34;font-size:.8rem;line-height:1.5;text-decoration:none;cursor:pointer;white-space:nowrap}
.tag:hover{background:#d7e4e0}
.tag.aktiv{background:#1d3b34;border-color:#1d3b34;color:#fff}
.tag small{opacity:.7}
.liste .tags{margin:.35rem 0 0}
.beschreibung{display:block;margin-top:.3rem;font-size:.92rem}
label small{color:#4d6b63;font-weight:normal}
.pfad{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:0 0 1rem;font-size:.95rem;color:#4d6b63}
.pfad a{color:#1d3b34}
.pfad a[aria-current]{font-weight:600;text-decoration:none}
.liste li.ordner>a{display:flex;align-items:center;gap:.7rem;color:#1d3b34;text-decoration:none;flex:1}
.liste li.ordner>a:hover strong{text-decoration:underline}
.symbol{width:1.6rem;height:1.6rem;flex-shrink:0;fill:#9fb5ae;font-size:1.3rem;line-height:1.6rem;text-align:center;color:#4d6b63}
button.klein.hell{background:#d7e4e0;color:#1d3b34}
.neuer-ordner{margin-top:1rem;align-items:center}
.neuer-ordner input{flex:1}