@charset "UTF-8";:root{--hg: #f5f3ef;--karte: #ffffff;--text: #1f1d1a;--leise: #6b665e;--linie: #e2ddd4;--akzent: #2f6f5e;--akzent-hell: #e3f0ec;--fehler: #a33a2b;--fehler-hell: #fbe9e6;--info-hell: #eef2f8;--radius: 10px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--hg: #171615;--karte: #22201e;--text: #ece8e1;--leise: #a39d93;--linie: #3a3632;--akzent: #6cc0a8;--akzent-hell: #1f3530;--fehler: #f08a7a;--fehler-hell: #3b2220;--info-hell: #222b36;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--hg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--akzent)}h1{font-size:1.5rem;margin:0 0 .75rem}h2{font-size:1.1rem;margin:0 0 .75rem}.leiste{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:var(--karte);border-bottom:1px solid var(--linie)}.leiste .marke{font-weight:700;color:var(--text);text-decoration:none}.leiste .marke span{font-weight:400;color:var(--leise)}.leiste nav{display:flex;gap:1rem}.leiste nav a{color:var(--leise);text-decoration:none}.leiste nav a.aktiv{color:var(--text);font-weight:600}main{max-width:1400px;margin:0 auto;padding:1.5rem}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.kopf h1,.kopf h2{margin:0}.zeile{display:flex;gap:.5rem}.zeile input{flex:1}input,textarea,select{width:100%;font:inherit;color:inherit;background:var(--hg);border:1px solid var(--linie);border-radius:6px;padding:.5rem .65rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--akzent);outline-offset:-1px}input[readonly],textarea[readonly],select[readonly]{color:var(--leise)}textarea{resize:vertical}input.kurz{max-width:8rem}input[type=checkbox]{width:auto}button{font:inherit;cursor:pointer;border-radius:6px;padding:.5rem .9rem;border:1px solid var(--linie);background:var(--karte);color:var(--text);white-space:nowrap}button:hover:not(:disabled){border-color:var(--akzent)}button:disabled{opacity:.55;cursor:default}button.primaer{background:var(--akzent);border-color:var(--akzent);color:var(--karte);font-weight:600}button.klein{padding:.2rem .5rem;font-size:.85rem}button.leise{border-color:transparent;color:var(--leise)}.knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.hinweis{color:var(--leise);font-size:.9rem}small.hinweis{display:block;margin-top:.25rem}.meldung{border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.25rem;background:var(--akzent-hell);border:1px solid var(--akzent)}.meldung a{margin-left:.5rem}.meldung.info{background:var(--info-hell);border-color:var(--linie)}.meldung.fehler{background:var(--fehler-hell);border-color:var(--fehler);color:var(--fehler)}.badge{display:inline-block;font-size:.8rem;padding:.1rem .55rem;border-radius:999px;background:var(--hg);border:1px solid var(--linie)}.badge[data-status=publish]{background:var(--akzent-hell);border-color:var(--akzent)}.badge[data-status=future]{background:var(--info-hell)}.tabs{display:flex;gap:.25rem;flex-wrap:wrap}.tabs button{border-color:transparent}.tabs button.aktiv{border-color:var(--linie);background:var(--hg);font-weight:600}.liste{list-style:none;margin:0;padding:0}.liste li+li{border-top:1px solid var(--linie)}.liste .eintrag{display:grid;grid-template-columns:96px 1fr auto;gap:1rem;align-items:center;padding:.65rem .25rem;color:inherit;text-decoration:none}.liste .eintrag:hover strong{color:var(--akzent)}.liste img,.liste .platzhalter{width:96px;height:60px;object-fit:cover;border-radius:6px;background:var(--hg);display:block}.liste .text{min-width:0;display:flex;flex-direction:column}.liste .text small{color:var(--leise);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liste .meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.liste .meta small{color:var(--leise)}.zurueck{margin:0 0 .75rem}.links{display:flex;flex-wrap:wrap;gap:1.25rem;margin:.75rem 0 0;font-size:.9rem}.laden{display:flex;align-items:center;gap:.75rem}.spinner{width:18px;height:18px;border:2px solid var(--linie);border-top-color:var(--akzent);border-radius:50%;animation:drehen .8s linear infinite}@keyframes drehen{to{transform:rotate(360deg)}}.raster{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:1.25rem;align-items:start}.seite{position:sticky;top:1rem}.seite label{display:block;font-weight:600;margin:.9rem 0 .3rem}.seite label.check,.seite label.datei{font-weight:400}.seite label.datei{color:var(--leise);font-size:.9rem}.seite label.datei input{margin-top:.3rem}.seite figure{margin:0 0 .75rem}.seite figure img{width:100%;border-radius:6px;display:block}.seite figure figcaption{font-size:.85rem;color:var(--leise);margin-top:.25rem}.seite figure.neu{margin-top:1rem}.seite figure.neu img{outline:2px solid var(--akzent)}.felder .feld{display:grid;grid-template-columns:220px minmax(0,1fr);gap:.4rem 1rem;padding:.75rem 0;border-top:1px solid var(--linie)}.felder .feld label{font-weight:600;padding-top:.45rem}.felder .feld.vergleich{grid-template-columns:200px minmax(0,.8fr) minmax(0,1fr)}.felder .feld .alt{font-size:.9rem;color:var(--leise);white-space:pre-wrap;padding-top:.45rem}.felder .feld .alt button{display:block;margin-top:.4rem}.felder .feld .alt.gleich .alt-wert{opacity:.6}.formular{max-width:720px}.formular label{display:block;font-weight:600;margin:.9rem 0 .3rem}.formular h2{margin-top:1.75rem}.zugang{padding-left:1.2rem}.zugang li{color:var(--fehler)}.zugang li.ok{color:var(--akzent)}@media(max-width:1100px){.raster{grid-template-columns:1fr}.seite{position:static}.felder .feld.vergleich{grid-template-columns:1fr}}@media(max-width:700px){main{padding:1rem}.felder .feld{grid-template-columns:1fr}.zeile{flex-direction:column}.liste .eintrag{grid-template-columns:64px 1fr}.liste .eintrag .meta{grid-column:2;align-items:flex-start}.liste img,.liste .platzhalter{width:64px;height:44px}}.leiste{padding-top:calc(.75rem + env(safe-area-inset-top));padding-left:calc(1.5rem + env(safe-area-inset-left));padding-right:calc(1.5rem + env(safe-area-inset-right));position:sticky;top:0;z-index:10}main{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));padding-left:calc(1.5rem + env(safe-area-inset-left));padding-right:calc(1.5rem + env(safe-area-inset-right))}body{-webkit-tap-highlight-color:transparent}@media(max-width:700px){input,textarea,select{font-size:16px}main{padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right))}.leiste{padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right))}.leiste .marke span{display:none}.leiste nav{gap:.75rem;font-size:.95rem}.seite{position:static}button{padding:.6rem .9rem}}.felder .feld.ergaenzt{background:var(--akzent-hell);margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem}.chip{display:inline-block;margin-left:.4rem;font-size:.75rem;font-weight:600;padding:0 .45rem;border-radius:999px;background:var(--akzent);color:var(--karte);vertical-align:middle}@media(max-width:700px){.felder .feld.ergaenzt{margin:0 -1rem;padding-left:1rem;padding-right:1rem}}
