*{box-sizing:border-box}
body{margin:0;font:16px/1.5 Georgia,serif;background:#f6f3ee;color:#222}
main{max-width:640px;margin:40px auto;padding:32px;background:#fff;border:1px solid #ddd6cc}
h1{margin-top:0;font-weight:normal;letter-spacing:.02em}
label{display:block;margin-bottom:20px;font-weight:bold}
label[hidden]{display:none}
small{font-weight:normal;color:#666}
input,textarea{display:block;width:100%;margin-top:6px;padding:10px;font:inherit;font-weight:normal;border:1px solid #bbb;background:#fff}
input:focus,textarea:focus{outline:2px solid #8a5a2b;border-color:#8a5a2b}
.counter{display:block;text-align:right;font-weight:normal;font-size:13px;color:#666}
.counter.warnung #count{color:#b26b00}
.counter.zu-lang #count{color:#b00020;font-weight:bold}
.counter.zu-lang::after{content:" – zu lang, bitte kürzen";color:#b00020}
button{padding:12px 28px;font:inherit;background:#8a5a2b;color:#fff;border:0;cursor:pointer}
button:hover{background:#6d4520}
.fehler{color:#a00}.ok{color:#2a6b2a}
main.breit{max-width:960px}
.admin-nav{display:flex;gap:20px;margin-bottom:16px;font-size:14px}
.admin-nav a{color:#8a5a2b}
.tabelle{width:100%;border-collapse:collapse;font-size:15px}
.tabelle th,.tabelle td{text-align:left;padding:8px;border-bottom:1px solid #e5dfd6;vertical-align:top}
.hinweis{margin-top:6px;padding:8px;background:#fbf3e6;border-left:3px solid #8a5a2b;font-size:14px}
.suche{display:flex;gap:8px;margin-bottom:16px}.suche input{margin:0}
.eintrag{border:1px solid #e5dfd6;padding:10px 14px;margin-bottom:8px}
.eintrag summary{cursor:pointer}.eintrag input[type=checkbox]{display:inline;width:auto;margin:0 6px 0 0}
.datum{color:#666;font-size:14px;margin-left:8px}
dl{margin:12px 0}dt{font-weight:bold;margin-top:8px}dd{margin:2px 0 0}
button.gefahr{background:#a33}button.gefahr:hover{background:#7d2222}
label.checkbox{display:flex;align-items:center;gap:8px}label.checkbox input{display:inline;width:auto;margin:0}

.willkommen{background:#f4f4f0;border-left:4px solid #333;padding:.8em 1em;margin-bottom:1.5em}